[TIL] Next JS : 개발자 가이드 (유데미)

https://www.udemy.com/course/next-js-the-complete-developers-guide/

유데미 스타강사인 stephen grider의 강의입니다.

초보자를 위한 강의가 아니라서 좋습니다. 기초적인 설명은 빼고, next js 프레임웍에서 주의해야 할 사항들에 대해서 “왜 그런지” “다른 방법을 사용하면 어떤 문제가 생기는지” 직접 보여주면서 진행합니다.

개념 설명이 정확하고, 그에 따라 강의가 진행됩니다.

다음과 같은 내용을 배웁니다.

• prisma (왜 orm 이라고 안 부르는지 모르겠으나 db access 라이브러리입니다)

• github login with next-auth

• zod validation

• useFormState vs useActionState

• Popover 컴포넌트를 사용한 popup form input

• 권장되는 초기 작업 방식 (이러면 뒤가 쉽다고)

  1. 앱의 모든 라우트를 열거한다

  2. path helper 를 만든다

  3. 단계 1에서 정의한 모든 page.tsx를 만든다

  4. 앱에서 데이터 변경이 일어나는 모든 지점을 파악한다

  5. 단계 4의 각 지점에 대한 server action을 만든다

  6. 단계 5의 각 server action 후에 revalidate 되는 path를 파악하여 기록해 둔다

• db 데이터 표시 컴포넌트의 fetch 함수 파라미터화

• server action 함수의 caching

• Suspense 컴포넌트의 사용

next js 개념을 다시 정리하고 이해를 깊게 해 주는 강의입니다. 추천합니다.