세상은우리것

Prologue기술스택에 Next.js가 있는 프론트엔드 개발자 모집 공고에는 무조건 CSR과 SSR의 차이점이 있다는 것을 분석하고, 이번에 개념을 다시 상기시킬 겸 따로 간단하게 정리를 하려고 한다.이 기술을 사용하는 의미가 "남들이 사용해서"가 아닌, "사용할 만한 합당한 이유가 있어서"를 추구하기 위해서기도 하다. 잘못된 내용 제보 환영합니다. 1. CSR과 SSR의 개념 및 차이점React는 기본적으로 빈 index.html 파일에 브라우저가 다운로드 받은 자바스크립트 코드를 가지고 동적으로 DOM을 생성하는 원리이다.React로 개발된 웹 페이지를 접속하고 페이지를 그려내는 과정까지는 다음과 같다.유저(브라우저)가 웹 서버로 웹 페이지 데이터(html)를 요청한다.웹 서버는 요청을 확인하고 응..

Prologue지금까지 웹 프론트엔드 개발을 공부하면서, 웹 사이트를 설계하고 개발하는 것만 배웠지 근본적으로 브라우저가 웹 사이트를 받아오고 그려오는 과정에 대해서는 모르고 있었다.사실 무엇을 시작하던 기초적인 바탕 개념이 있어야 이를 응용하여 발전해 나갈 수 있는 것처럼, 웹 개발을 공부하면서 고차원적인 CS 지식들이 요구되는 개념들이 등장함에 따라 브라우저가 웹 페이지를 표시하기까지의 모든 과정을 간단하게 톺아보기로 결심했다.MDN Web Docs에서 위 과정을 상세하게 설명해 주어서, 위 문서를 바탕으로 내용을 정리하였다.잘못된 내용 제보 환영합니다.1. 탐색 (Navigation)우리가 일반적으로 검색창에 URL을 입력하거나 링크를 클릭하면, 브라우저는 서버로부터 GET 요청을 보내게 된다.이 ..