Next.js가 무엇인지 알아보고 핵심기능은 무엇이 있는지 알아보았다.
Next.js 애플리케이션 구조를 분석해보았다.
NextJs를 사용해 간단한 이벤트 관리 프로젝트를 만들면서 라우팅과 필터링을 연습했습니다.
CSR의 특징과 장점에대해 알아보자
Static Site Generation에 대해 알아보자
Incremental Static Regeneration를 알아보자
Server Side Rendering에 대해 알아보자
하이브리드 렌더링과 하이드레이션에 대해 알아보자
Next로 프로젝트를 진행할 때 기초 세팅하는 방법에 대해 정리해보았다.
NextJS를 활용한 개발자를 위한 blog 프로젝트를 시작했다.가장 먼저 페이지 레이아웃을 만들어보았다.
포스트 내용을 간략하게 보여주는 포스트 카드를 만들고 카드들을 정렬해서 보여주도록 구현src/page.tsxFeaturedPosts 컴포넌트를 생성후 Home page에 Hero 컴포넌트 밑에 위치
이번에는 non featured Posts를 carousel로 보여주도록 만들었다. react로 만들어본 경험은 있는데 NextJS를 사용하여 만드는 것은 처음이라 기록해보았다.캐러셀로는 featured posts를 제외한 non featured posts를 보여줄 것