본문 바로가기

만족스러운 개발/Next.js2

Next.js 13버전 라우팅 기초적이지만 몰랐던 사실이 있다. dev로 페이지를 보게 되면 변경한 내용이 바로 화면에 보여져야하기 때문에 SSR로 렌더링이 된다. 그래서 저장을 할 때마다 터미널에 보게 되면 아래 문구를 볼 수 있다. 요청할 때 컴파일했다는 것이다. wait - compiling /products/[pants]/page (client and server)... event - compiled client and server successfully in 819 ms (508 modules) build를 하게 되면 친절하게 어떤 페이지가 SSR인지, SSG인지를 알려준다. start는 빌드 된 파일을 실행 시킬 때 쓰면 된다. 위에서 build한 내용을 보면 about은 static으로 만든 페이지다. 빌드할 때 HTML.. 2023. 4. 27.
Next.js 왜 쓰는거야? React는 UI를 편리하게 해주는 라이브러리다. Next.js는 React를 사용하여 Web을 만드는 프레임워크이다. 라이브러리란? 특정한 문제를 해결하기 위한 툴 프레임워크란? 큰 단위의 솔리션을 위한 골격을 제공해준다. 여기에는 특정한 문제를 해결하는 툴도 포함되어 있다. Next.js Full Stack을 가능하게 해준다. 파일을 베이스로 한 Routing을 해준다. SEO, Image, Font 최적화를 해준다. Server Side Render, Static Site Generation을 가능하게 해준다. 하이브리드 렌더링을 기능하게 해준다. Next.js는 2016년에 gitHub 오픈소스로 공개되었다. Vercel이란 회사에서 만들었는데 Vercel은 미국의 클라우드 플랫폼 (PaaS 서비.. 2023. 4. 21.