목표

• 해당 강의 코스는 이전 버전에서 이미 수강 한 바 있기 때문에, 기본적으로 복습의 효과를 기대한다.
  • 한 번 수강한 내용이니, 빠르게 진행한다.
    • 꼭 필요한 포인트만 메모 한다.
• 또한 NextJS 14버전의 전반적인 사용법을 배우고 사용해보며, 이전 버전과 차이점을 비교 한다.

Note

#2 [🔥 2024 UPDATE 🔥] INTRODUCTION

#2.2 What Are We Using

• 이번 강의 코스에서 배워 볼 내용
  • NextJS 프레임워크
  • Prisma
    • ORM (Object Relational Mapper)
    • 타입스크립트 문법을 사용, SQL 쿼리로 변환
    • Prisma 클라이언트를 생성해서 데이터베이스와 직접 통신
  • Planet Scale
    • 서버리스 MySQL 데이터베이스
  • Vercel
    • NextJS 어플리케이션 배포
  • CloudFlare
    • AWS S3 보다 저렴하고 다양하고 편리한 기능이 제공된다.
      • 개발자 경험이 보다 좋다.
    • CloudFlare Image
      • 이미지 업로드
      • 용량 최적화
      • 형식 변환
      • 사이즈 변환
      • blur
    • CloudFlare Stream
      • 동영상 업로드
      • 라이브 스트림

#2.5 Project Setup

• 목표
  • NextJS 프로젝트를 시작하기 위해서 초기 설정을 하여 본다.
• 정리
  • Git Hub 저장소를 생성하여, 프로젝트를 관리 할 것이다.
  • npx create-next-app@latest 명령어를 사용하여, NextJS 프로젝트를 자동 생성하였다.

    • 생성 과정에서

      • TypeScript
      • Tailwind
      • ES Lint

      등의 사용 여부를 선택 할 수 있다.

#3 [🔥 2024 UPDATE 🔥] TAILWIND

#3 [🔥 2024 UPDATE 🔥] TAILWIND

#4 [🔥 2024 UPDATE 🔥] AUTHENTICATION UI

로그인, 회원가입 페이지 등 화면 구성 요소 준비, Tailwind CSS 연습

#4 [🔥 2024 UPDATE 🔥] AUTHENTICATION UI

#5 [🔥 2024 UPDATE 🔥] SERVER ACTIONS