[풀스택] 캐럿마켓 클론코딩
Next.js 14, Tailwind, Prisma, Vercel
- 동영상
- 148+ 개
- 강의 분량
- 21.5시간+
- 레벨
- 중급
실전형 코딩을 시작하세요
왜 직접 만들면서 배워야. 진짜 지식이 될까요?
우리는 그동안
딱딱한 이론과 문법 중심의
한국식 코딩을 배워왔어요.
이렇게 배운 지식은
현업에서 바로 활용하기 어려워요.
하지만 존재하는 서비스와 기능을
따라 만들면서 배우면,
온전히 나의 기술로 습득할 수 있어요.
노마드코더’s 클론코딩 교육
주입식 코딩만 하면 실력은 늘지않아요.
무엇을 배우나요?
Next.js의 장점을 최대한 활용하여 현재 시장에서 가장 좋은 개발자 경험과 가장 빠른 개발 속도를 갖춘 풀스택 웹 애플리케이션을 제작합니다.
- App Router를 비롯하여 서버 컴포넌트 및 서버 액션과 같은 Next.js 14의 최신 기능을 활용
- Tailwind, Prisma 등을 이용해 개발 생산성 극대화
- Vercel, PlanetScale을 이용한 배포
이미 많은 곳에서 사용하는 Next.js. 하지만 어떤 부분이 왜 좋은지 이해하지 못하면 반쪽짜리 서비스를 만드는 것과 같습니다. 이번 강의에서는 Next.js 프레임워크를 200% 활용하는 방법과, 실제 서비스를 구현할 때 필요한 기능들을 구현하며 프레임워크를 더 잘 구조화하는 방법을 배웁니다.
어떻게 배우나요?
기능들을 순서대로 일일이 살펴보면서 배우는 대신에 어떤 작업에 어떻게 도달할지 필요와 목적을 위주로 학습합니다.
- 인증, 권한 부여, 유저 프로필, 파일 업로드, 리뷰, 게시물, 라이브 스트리밍, 무한 스크롤 등
- 구현하는 기능: 서버리스 마켓플레이스. 소셜 SNS. 라이브 쇼핑까지!
- 결과물: 나만의 '캐럿마켓' 직접 구현
단순 구현을 넘어 유저 입장에서 어떻게 쓰일지 고민하며 실제 수준의 서비스를 제작합니다. 그렇기 때문에 이 강좌가 끝날 때면 스스로 아이디어를 직접 실현하고 서비스를 구축할 수 있다는 자신감을 느끼게 될 것입니다.
배우고, 직접 구현합니다
배우는 이론
사용하는 패키지
Next.js 14
현재 시장에서 가장 좋은 개발자 경험과 가장 빠른 개발 속도를 갖춘 풀스택 웹 애플리케이션을 제작합니다.
Next.js는 전체 스택 웹 애플리케이션을 구축하기 위한 1위 React 프레임워크이며, 이미 다양한 대규모 웹사이트에서 사용 중입니다. 특히 Next.js 14에서는 개발자 경험과 생산성이 대폭 향상되어 많은 코드를 줄일 수 있으며, 더 이상 필요 없는 라이브러리를 사용하지 않아도 됩니다.
Prisma
데이터베이스와 작업이 엄청나게 쉬워집니다!
데이터베이스 작업을 절대적으로 즐겁게 만들어주는 가장 사랑받는 개발자 도구 중 하나인 Prisma로 작업하는 법을 배워보세요. Prisma 는 직관적이고 type-safe 하며 생산성을 크게 높여줍니다.
Tailwind
아름다운 사용자 인터페이스를 구축하는 가장 쉽고 빠른 방법입니다.
TailwindCSS를 한 번 사용해 보면 다시는 이전 방식으로 돌아갈 수 없을거에요! 심지어 TailwindCSS 없이 어떻게 살았는지 궁금해할 것입니다. CSS와 싸우는 것이 아니라 아름다운 것을 만드는 데 집중하세요.
Products
Users
Extras
강의 미리보기
이 정도 수준인 분들 드루와요
기본적인 JS, ReactJS 에 대한 이해도가 있는 분들이 수강하실 수 있습니다.
초급 이상의 바닐라 JS 이해도가 필요합니다.
무료 강의로 시작하세요!
초급 이상의 REACT JS 이해도가 필요합니다.
무료 수업으로 시작하세요!
결과적으로, 이 수업 이후 ...
제공합니다
이 강의에서는 아래 자료들을 제공합니다.
총148+개의 동영상 강의
총 21.5시간+ 분량.
영어 강의라고 겁먹지 마세요!
강의에 한글 자막을 제공합니다.
니꼴라스 선생님이 직접 100%
답변합니다.
수만명의 수강생들과
함께 공부하세요.
