SSR 2

[Next.js] Next.js + TypeScript 프로젝트 시작하기

시작하기 전에 오랜만에 새로운 프로젝트 시작하려다 마주친 삽질... Next.js를 시작하는 사람이라면 Node.js를 예전부터 사용하던 사람일 가능성일 클 것 같아 작성해둔다. 기존 Node.js 버전과 Next.js lastest 버전이 맞지 않아 버전 업데이트를 해줘야했다. Node.js는 홈페이지에서 LTS로 다시 다운로드. (14.?.? -> 18.4.0) npm은 아래 명령어로 최신버전으로 업데이트 가능하다 (9.3.1? -> 9.4.1) npm install -g npm@latest create-next-app 으로 프로젝트 생성 npx create-next-app@latest --typescript proceed에 따라서 enter 연타하다보면 프로젝트가 생성된다. ESLint 사용여부 >..

카테고리 없음 2023.02.05

SSR(Server Side Rendering)과 CSR(Client Side Rendering) 차이

SSR(Server Side Rendering)과 CSR(Client Side Rendering) 차이 우선 Rendering 이란? 렌더링이란 화면에 보여지는 웹 페이지를 만드는 과정입니다. 웹 페이지는 HTML, CSS, javascript 로 이루어져 있습니다. 이 3가지 파일을 합쳐서 우리가 보는 웹 화면을 만드는 것을 렌더링 한다고 합니다. SSR란? Server Side Rendering 의 약어로 서버에서 화면을 구성해(랜더링 해서) 브라우저로 보내는 방식입니다. 이전에 많이 사용했던 JSP/Servlet이 SSR 방식입니다. JSP를 사용해본 사람이라면 쉽게 이해가 될 겁니다. 사용자의 요청이 들어오면 필요한 데이터를 DB에서 가져오고, 데이터를 삽입한 완성된 HTML을 브라우저로 보내줍니..

Web 2021.12.01
728x90
반응형