20분 발표

클론코딩 강의 소개

• 25시간, 서비스를 만들면서 개념들을 소개해준다.
• https://nomadcoders.co/carrot-market
• https://github.com/nomadcoders/carrot-market

NextJS로 ServerLess 웹서버 구축하기

호화스러운 DX을 선사해줄 것이다. 기대하라 후후~~

CSS → Tailwind

• Atomic CSS
  • 더이상 스타일 변수명을 작성하지 않아도 된다!!
  • style을 위한 별도의 공간이 필요 없고 inline-style의 한계점을 돌파할 수 있다.
  • 커스텀마이징하기 쉽고 협업하기 좋다.
    • 자체 Reset CSS를 제공

DB → Prisma (+ Planetscale)

• Planetscale(Vitess) 서비스 소개

  • DB 인프라를 정말 쉽게 관리할 수 있다.

    • serverless database platform
    • dev 모드에서 db 접근하는 예시 보여주기
    • DB 브랜치 전략을 설정할 수 있다.
      • git과 비슷하게 prod, dev 모드 분

    → DX가 미춌다.

• Prisma - 소스코드로 DB 설계를 할 수 있다.

  • 자동으로 model 타입을 만들어 준다.
    • 예시 보여주기

강의에서 얻는 팁

• React-hook-form
• SWR