Next.js는 프론트엔드부터 서버까지 만들 수 있는 React기반 프레임워크입니다.

이것만 사용해도 풀스택 웹개발이 가능합니다. 

Next.js 사용시 서버사이드 렌더링이 쉽기 때문에 

React, Vue만 사용해서 만든 사이트들 보다 로딩시간이 빠르고 검색엔진 친화적인 사이트를 만들 수 있습니다.

서버기능과 회원인증기능도 만들기 쉽습니다. 

점점 서버사이드 렌더링이 유행타면서 백엔드 역량까지 많이 요구하고 있는데 Next.js 한입 해두면 든든하지 않겠습니까 

프로젝트 2개를 만들어보며 기본 문법부터 서버기능까지 배워볼 것인데  

생각없이 코드 따라치기만 하면 나중에 응용력이 하나도 없어지기 때문에

혼자 알아서 Next.js로 코드짜는 법을 중점으로 알려드립니다. 

[배울 내용]

프로젝트1 : 문법학습용 그로서리 스토어

프로젝트2 : 냄새나는 게시판

state, component, useEffect 등 리액트 문법 

서버사이드렌더링과 라우팅

서버기능과 API 만들기

MongoDB 입출력

게시물 발행, 수정, 삭제

S3 파일업로드 

Next-auth 회원인증기능

캐싱, 에러처리 등 부가기능

AWS 클라우드에 배포

[필요한 사전지식]

- HTML/CSS 기초

- 자바스크립트 기초 (var, if, function, for, array, object)

- 자바스크립트 처음이면 자바스크립트 기초강의부터 추천드립니다.

리액트 그런건 몰라도 됩니다. 

[업데이트]

- Server actions 추가

- refresh token 내용 업데이트