CL_Next.js

Typescript Check List

Next.js

학습 목표

• Next.js를 이용하여 정적인 웹 사이트를 만들 수 있다.
• Next.js의 기본 기능을 이용하여 페이지를 만들고, 연결 및 이동 할 수 있다.
• SSR/SSG/CSR 개념에 대해서 이해하고 설명할 수 있다.

Next.js 학습 후에는

• 검색 엔진 최적화(SEO)에 최적화된 웹 사이트를 만들 수 있습니다.
• SSR/SSG/CSR 등 다양한 최적화 방법에 대해서 이해할 수 있습니다.
• 파일 기반 라우팅 시스템에 대해서 이해할 수 있습니다.
• Web Vitals을 고려한 웹 사이트를 만들 수 있습니다.

✅체크리스트

• ✅ create-next-app 을 이용하여 Next.js 프로젝트를 만들 수 있습니다.
• ✅ 페이지를 만들고 next/router를 이용하여 이동할 수 있습니다.
• ✅ next/Image 컴포넌트를 이용하여 이미지 최적화를 할 수 있습니다.
• ✅ Chrome Lighthouse를 이용하여 페이지의 Web vitals을 측정할 수 있습니다.
• ✅ 완성된 웹 사이트를 Vercel로 배포할 수 있습니다.
• ✅ SSR/SSG/CSR 개념에 대해서 설명할 수 있습니다.