개발 공부4 서버사이드 렌더링, 클라이언트사이드 렌더링 Node.js를 사용하여 웹 프로젝트를 공부하다 보면 들을 수 있는 단어가 있다. 서버사이드 렌더링, 클라이언트 사이드 렌더링이다. 이 개념을 알고 있다면, 목적에 맞는 웹페이지 개발 방법을 선택해 최적화를 이루는데 도움이 될 것이다. 서버사이드 렌더링(SSR) 웹 애플리케이션에서 페이지의 초기 로딩을 서버에서 처리하는 방식으로, 클라이언트에게 페이지를 전송하기 전에 서버에서 해당 페이지의 HTML을 생성하고 클라이언트에게 제공하는 방법. 장점 1. 검색엔진 최적화 클라이언트 사이드 렌더링은 빈화면으로(빈 HTML) 시작하기에 검색엔진이 이를 인식하지 못하는 반면 서버사이드 렌더링은 완성된 페이지를 인식하기 때문에 검색엔진 최적화에 유리함. 예를 들어 빠른 관심이 필요하거나, 화제가되어야하는 상품을 판매.. 2024. 3. 8. 관계형 데이터베이스와 비관계형 데이터베이스 데이터베이스를 공부하다 보면 관계형 데이터베이스 ,비관계형 데이터베이스를 만나게 됩니다. 이 둘의 차이에 대해 다루어 보겠습니다. 1. 관계형 데이터베이스 의미 관계형 데이터베이스는 엑셀과 같은 테이블로 이루어져 있습니다. 행과 열로 이루어진 데이터입니다. SQL언어를 사용하여 테이터를 조작합니다. 종류 유명한 데이터베이스로는 My SQL, Postgre SQL, OracleSQL등이 있습니다. My SQL은 오픈소스이며 가볍고 높은 성능을 보여줍니다. Postgre SQL는 확장성이 강력며, Oracle은 대규모 및 기업에서 사용하는 경우가 많습니다. 특징 관계형 데이터베이스는 수직적 확장을 사용합니다. 수직적 확장이란 단일 서버에 추가로 리소스(램, cpu)등을 장착하거나, 더 성능이 좋은 하드웨어로.. 2024. 2. 26. API란 무엇인가 개발을 조금 공부하거나, 파이썬, 자바 등을 통해 코딩을 할 때 자주 접하게 되는 단어가 있습니다. 바로 API입니다. API는 Application Programming Interface의 약자로 프로그램간 상호작용할 수 있도록 정의된 인터페이스를 의미합니다. 간단하게 이야기 하면 콘센트도 모양이 맞아야 정기가 통합니다 이와 같이 응용 프로그램간의 소통을 위한 규약이라고 생각하시면 좋겠습니다. API에는 대표적으로 3가지가 있습니다. 1. 웹 API 웹서비스와 클라이언트 사이에 데이터를 주고받기 위한 규칙과 프로토콜입니다. RESTtful API 자원과 자원에 대한 상태를 나타내기 위한 아키텍처 스타일 주로 HTTP메서드(GET, POST, PUT, DELETE 등)을 사용하여 자원을 다룹니다. URL.. 2024. 2. 26. [개발 공부.1] 앱 개발에서의 MVC패턴. ① 디자인 패턴 디자인 패턴이란 코드를 작성하는 규칙 또는 규약 같은 것입니다. 특정한 규칙이나 규악을 따라 코드를 작성하는 것입니다. 일종의 템플릿과 빗스한 역할을 한다고 이해하면 되겠습니다. 이런 방식을 사용하는 이유는 코드를 좀 더 이해하기 쉽고, 유지보수하기 쉬우며, 잠재적인 결함을 줄이기 위함입니다. 오늘 알아볼 MVC패턴은 디자인 패턴 중 한가지 입니다. ② MVC패턴 MVC패턴이란 Model, View, Controller로 구역을 나누어 코드를 작성하는 디자인 패턴이라고 설명할 수 있겠습니다. 앱이나 프로젝트를 만들 때 역할에 따라 코드들을 구분해 두는 것이라고 생각하면 이해하기 편하겠습니다. 일반적인 작동 방식을 간단하게 위 그림으로 이해해 보겠습니다. ③ 역할 Controller의 역할.. 2024. 2. 13. 이전 1 다음
