nextjs
nextjs 프로젝트를 정적배포를 해보다 생긴일
Nextjs 개발이 거의 다 마무리가 되가는 상황에 배포를 해보기로 했다.s3와 cloudfront를 사용해서 배포를 해보기로 했다.하지만 잘못된 결정이었다.. 정적 웹 호스팅이란?정적 웹 호스팅은 HTML, JavaScript, 이미지, 동영상 및 기타 파일을 저장된 그대로 웹 사이트 방문자에게 단순히 제공할 뿐이며 애플리케이션 코드를 포함하지 않는다.정적 웹 호스팅은 ssr 처럼 전체 프로세스가 각 사용자 요청에 수행되는 것이 아닌 빌드 시간에 수행된다. 따라서 속도가 더 빠르다. 또한 seo 검색엔진 최적화에 이점이 있고 cdn에서 페이지를 수신하면 되기때문에 리소스와 비용을 절감할 수 있다.따라서 마케팅 웹사이트 , 블로그 및 문서, 포트폴리오 웹사이트 등에서 많이 사용한다. Nextjs의 정적..
SSR 과 CSR 눈으로 비교해 보기
🔥 프로젝트 중...next.js로 간단한 프로젝트를 하고 있는 와중 중대한(?) 결정에 놓였다.최근 게시물을 보여주는 페이지를 SSR로 할 것인가 CSR로 할 것인가였다. ⭐️ SSR (Server Side Rendering)next.js를 사용한다면 무조건 알아야 하는 내용. SSR이다.영어 그대로 server 진영에서 렌더링을 진행한다는 것이다.클라이언트가 페이지에 들어왔을 때 서버는 즉시 렌더링 가능한 html 파일을 만들어 클라이언트에게 전달한다. 전달된 html은 클라이언트에서 즉시 렌더링 된다. 그 다음 클라이언트에서 js를 다운 받는다. 다운 받는 중 사용자는 컨텐츠를 볼 수는 있지만 조작할 수는 없다. js까지 성공적으로 실행되면 조작이 가능해진다.코드 예시import { Render..