Next.js 개발
주제
Front-End 개발
강사명
백명숙
교육목표
- Next.js는 SSR(Server Side Rendering) / SSG(Static Site Generation)를 제공하기 때문에, 검색 엔진에 잘 노출 될 수 있도록 해주는 SEO
(Search Engine Optimization)에 대한 고민을 해결 할 수 있도록 해줍니다.
- TypeScript기반 ORM인 Prisma를 사용하여 DB와 연동하기
- Next.js App을 호스팅 사이트Vercel에 배포하기
이 과정은 Next.js의 실무 활용 능력을 학습하는 과정입니다.
커리큘럼
1일차.
가. 개발환경설정 및 프로젝트 생성하기
나. Next.js의 프레임워크 구조 이해하기
다. Next.js의 Page와 Layout과 Routing 적용하기
라. Next.js의 Pre-Rendering 이해하기
마. Data Fetching와 Dynamic Routes와 Metadata 이해하기
바. Data Fetching App 작성하기
사. Data Fetching App 작성하기
아. REST API RouteHandler App 작성하기
2일차.
가. REST API RouteHandler App 작성하기
나. Next.js의 Static
Generation 기능 이해하기
다. Next.js의 페이지 렌더링 전략 이해하기
라. SSG(Static-Site-Generation)와SSR(Server-Side-Rendering) 차이점 이해하고 적용하기
마. PostgreSQL 클라우드 서비스인 Supabase 사용하기
바. TypeScript기반 ORM인
Prisma를 사용하여 DB와 연동하기
사. Next.js App을 GitHub에 레포지토리에 Push 하기
아. Next.js App을 호스팅 사이트 Vercel에 배포하기
교육시간
2일 16시간
훈련대상
가. ECMAScript, ReactJS, Typescript
1 more property
