평행우주 : world 1

정적 웹사이트 빌드 웹 앱은 정적 웹페이지와 AJAX 기술을 함께 사용하며 클라이언트 사이드의 규모가 커지게 되었다. 이 때 웹사이트 구성요소를 각 파일로 분리하는 모듈화가 이루어졌고, React와 같은 클라이언트 기술이 발전하면서, 단일 파일로 자바스크립트나 페이지를 만드는 작업은 고도화되기 시작한다. 고도화된 클라이언트 웹 앱은 수많은 모듈로 이루어져있는데, 수많은 모듈을 하나로 묶어주는 작업을 번들링(bundling)이라고 한다 이 과정에서 JSX 파일과 같이 브라우저에서 자체적으로 해석이 불가능한 다양한 보조 기술들을 브라우저가 해석할 수 있도록 만들어주는 작업이 필요하다. 이러한 과정을 "소프트웨어 빌드"라고 한다. 즉, 소프트웨어 빌드는 소스코드를 실행 가능한 결과물로 변환하는 작업 다양한 모..

정적 웹사이트와 동적 웹사이트 정적 웹사이트 HTML 파일(코드) 자체로 배포되는 사이트 (CSR, Client Side Rendering) 현대의 2-tier Architecture에서 정적 웹사이트의 사용이 더욱 보편적 동적 웹사이트 서버에 의해 HTML 파일이 동적으로 생성되는 사이트 (SSR, Server Side Rendering) 웹사이트 렌더링 방식의 변천 AJAX 이전에는 요청에 따라 결과가 변하는 동적인 웹페이지를 만드려면, 서버가 매번 동적으로 생성해야 했다. 동적 웹사이트를 받아오기 위해서는, 서버가 HTML의 형태로 브라우저에 제공해주어야만 했기 때문에, 헤더나 푸터 등의 페이지 구성요소의 중복 요청/응답이 빈번했고, 네트워크 상에서 주고받는 패킷의 크기가 비교적 커졌다. AJAX ..

SSR(Server Side Rendering) 웹 페이지를 브라우저에서 렌더링하는 대신에, 서버에서 렌더링. 브라우저가 서버의 URI로 GET 요청을 보내면, 서버는 정해진 웹 페이지 파일을 브라우저로 전송. 그리고 서버의 웹 페이지가 브라우저에 도착하면 완전히 렌더링. 서버에서 웹 페이지를 브라우저로 보내기 전에, 서버에서 완전히 렌더링했기 때문에 Server Side Rendering 이라고한다. 웹 페이지의 내용에 데이터베이스의 데이터가 필요한 경우, 서버는 데이터베이스의 데이터를 불러온 다음 웹 페이지를 완전히 렌더링 된 페이지로 변환한 후에 브라우저에 응답으로 보냄 웹 페이지를 살펴보던 사용자가 브라우저의 다른 경로로 이동할 경우, 브라우저가 다른 경로로 이동할 때마다 서버는 이 작업을 다시 ..