Courses
Challenges
Reviews
Community
FAQ
Roadmap
Courses
Challenges
Reviews
Community
FAQ
Roadmap
[풀스택] 캐럿마켓 클론코딩
NextJS, Tailwind, Prisma, Supabase
#1 ❤️ Announcement
#1.1 🚨 Read this First 🚨
미리 보기 →
#1.2 Thank You!
수강하기 →
#1.3 🔔 NextJS Quiz 🔔
수강하기 →
#2 [🔥 2024 Update 🔥] Introduction
#2.0 Welcome (04:01)
미리 보기 →
#2.1 Requirements (01:25)
수강하기 →
#2.2 What Are We Using (03:50)
수강하기 →
#2.3 Learning Rate (02:20)
수강하기 →
#2.4 How To Get Help (02:27)
수강하기 →
#2.5 Project Setup (06:09)
수강하기 →
#3 [🔥 2024 Update 🔥] Tailwind
#3.0 Introduction (09:12)
수강하기 →
#3.1 IntelliSense (03:56)
수강하기 →
#3.2 Card Component (17:37)
수강하기 →
#3.3 Modifiers (10:06)
수강하기 →
#3.4 Tailwind Variables (12:43)
수강하기 →
#3.5 Responsive Modifiers (08:55)
수강하기 →
#3.6 Form Modifiers (11:32)
수강하기 →
#3.7 State Modifiers (06:50)
수강하기 →
#3.8 Lists and Animations (14:18)
수강하기 →
#3.9 Group Modifiers (07:58)
수강하기 →
#3.10 JIT (11:29)
수강하기 →
#3.11 Directives (11:12)
수강하기 →
#3.12 Plugins (05:24)
수강하기 →
#3.13 Conclusions (01:32)
수강하기 →
#4 [🔥 2024 Update 🔥] Authentication UI
#4.0 Home Screen (09:44)
수강하기 →
#4.1 Create Account Screen (12:05)
수강하기 →
#4.2 Form Components (08:54)
수강하기 →
#4.3 Log in Screen (07:22)
수강하기 →
#5 [🔥 2024 Update 🔥] Server Actions
#5.0 Route Handlers (12:56)
수강하기 →
#5.1 Server Actions (06:58)
수강하기 →
#5.2 useFormStatus (08:55)
수강하기 →
#5.3 useFormState (13:08)
수강하기 →
#5.4 Recap (09:10)
수강하기 →
#6 [🔥 2024 Update 🔥] Validation
#6.0 Introduction to Zod (11:03)
수강하기 →
#6.1 Validation Errors (07:27)
수강하기 →
#6.2 Refinement (12:05)
수강하기 →
#6.3 Transformation (08:02)
수강하기 →
#6.4 Refactor (08:40)
수강하기 →
#6.5 Recap (07:25)
수강하기 →
#6.6 Log In Validation (09:47)
수강하기 →
#6.7 Coerce (08:01)
수강하기 →
#6.8 SMS Validation (16:17)
수강하기 →
#6.9 Recap (07:53)
수강하기 →
#7 [🔥 2024 Update 🔥] Prisma
#7.0 Setup (08:49)
수강하기 →
#7.1 Schemas (10:34)
수강하기 →
#7.2 Prisma Client (06:07)
수강하기 →
#7.3 Prisma Studio (03:02)
수강하기 →
#7.4 Relationships (13:44)
수강하기 →
#7.5 onDelete (05:51)
수강하기 →
#7.6 Recap (06:34)
수강하기 →
#8 [🔥 2024 Update 🔥] Authentication
#8.1 Database Validation (15:45)
수강하기 →
#8.2 Password Hashing (09:16)
수강하기 →
#8.3 Iron Session (12:48)
수강하기 →
#8.4 Recap (07:02)
수강하기 →
#8.5 Email Log In (15:59)
수강하기 →
#8.6 superRefine (09:40)
수강하기 →
#8.7 Log Out (10:07)
수강하기 →
#8.8 Recap (10:56)
수강하기 →
#8.9 Middleware (12:30)
수강하기 →
#8.10 Matcher (07:43)
수강하기 →
#8.11 Edge Runtime (03:31)
수강하기 →
#8.12 Authentication Middleware (07:54)
수강하기 →
#8.13 Recap (04:49)
수강하기 →
#9 [🔥 2024 Update 🔥] Social Authentication
#9.0 Introduction (00:54)
수강하기 →
#9.1 Github Authentication (14:05)
수강하기 →
#9.2 Access Token (11:21)
수강하기 →
#9.3 Github API (09:48)
수강하기 →
#9.4 Code Challenge (11:23)
수강하기 →
#9.5 SMS Token (11:52)
수강하기 →
#9.6 Token Verification (08:48)
수강하기 →
#9.7 Twilio SMS (07:38)
수강하기 →
#9.8 Code Challenge (06:30)
수강하기 →
#10 [🔥 2024 Update 🔥] Products
#10.0 Introduction (02:52)
수강하기 →
#10.1 Tab Bar (14:53)
수강하기 →
#10.2 Skeletons (06:44)
수강하기 →
#10.3 Product Component (16:42)
수강하기 →
#10.4 Detail Skeleton (12:46)
수강하기 →
#10.5 Product Detail (16:56)
수강하기 →
#10.6 Image Hostnames (04:55)
수강하기 →
#10.7 Pagination Actions (15:10)
수강하기 →
#10.8 Recap (08:13)
수강하기 →
#10.9 Infinite Scrolling (17:35)
수강하기 →
#10.10 Recap (04:32)
수강하기 →
#11 [🔥 2024 Update 🔥] Product Upload
#11.0 Introduction (11:27)
수강하기 →
#11.1 Form Action (09:52)
수강하기 →
#11.2 Product Upload (12:37)
수강하기 →
#11.3 Images Setup (09:41)
수강하기 →
#11.4 Upload URLs (07:49)
수강하기 →
#11.5 Image Upload (14:00)
수강하기 →
#11.6 Variants (05:21)
수강하기 →
#11.7 Recap (04:49)
수강하기 →
#11.8 RHF Refactor (17:19)
수강하기 →
#11.9 Recap (09:15)
수강하기 →
#12 [🔥 2024 Update 🔥] Modals
#12.0 Introduction (02:05)
수강하기 →
#12.1 Intercepting Routes (10:26)
수강하기 →
#12.2 Intercepting Recap (07:53)
수강하기 →
#12.3 Parallel Routes (08:12)
수강하기 →
#12.4 Default Routes (09:51)
수강하기 →
#12.5 Modal Route (07:20)
수강하기 →
#12.6 Recap (07:10)
수강하기 →
#12.7 Modal UI (09:24)
수강하기 →
#13 [🔥 2024 Update 🔥] Caching
#13.0 Introduction (07:04)
수강하기 →
#13.1 nextCache (08:11)
수강하기 →
#13.2 revalidate (09:19)
수강하기 →
#13.3 revalidatePath (04:54)
수강하기 →
#13.4 revalidateTag (11:32)
수강하기 →
#13.5 fetch Cache (04:29)
수강하기 →
#13.6 Production Cache (11:01)
수강하기 →
#13.7 Route Segment Config (09:57)
수강하기 →
#13.8 Recap part One (09:00)
수강하기 →
#13.9 Recap part Two (13:05)
수강하기 →
#13.10 generateStaticParams (10:38)
수강하기 →
#13.11 dynamicParams (06:44)
수강하기 →
#13.12 Code Challenge (02:07)
수강하기 →
#14 [🔥 2024 Update 🔥] Optimistic Updates
#14.0 Introduction (10:55)
수강하기 →
#14.1 See Posts (11:00)
수강하기 →
#14.2 Likes and Dislikes (15:07)
수강하기 →
#14.3 Cache Tags (12:24)
수강하기 →
#14.4 useOptimistic (15:02)
수강하기 →
#14.5 Recap (05:40)
수강하기 →
#15 [🔥 2024 Update 🔥] Realtime Chat
#15.0 Introduction (02:08)
수강하기 →
#15.1 Models (05:05)
수강하기 →
#15.2 Chat Room (09:31)
수강하기 →
#15.3 Messages (12:48)
수강하기 →
#15.4 Realtime Channel (11:26)
수강하기 →
#15.5 Supabase Broadcast (08:05)
수강하기 →
#15.6 Realtime Messages (07:19)
수강하기 →
#15.7 Code Challenge (05:09)
수강하기 →
#16 [🔥 2024 Update 🔥] Live Streaming
#16.0 Introduction (02:35)
수강하기 →
#16.1 Live Input (11:45)
수강하기 →
#16.2 Live Streaming (10:50)
수강하기 →
#16.3 Code Challenge (04:29)
수강하기 →
#17 [🔥 2024 Update 🔥] NextJS Extras
#17.0 Introduction (01:14)
수강하기 →
#17.1 Fonts (13:23)
수강하기 →
#17.2 Private Folders (01:59)
수강하기 →
#17.3 Catch All Segments (04:29)
수강하기 →
#17.4 Logging (04:18)
수강하기 →
#17.5 Security (09:05)
수강하기 →
#17.6 Images (06:58)
수강하기 →
#17.7 Outro (00:28)
수강하기 →
#18 [🔥 2024 Update 🔥] More Coming Soon...
#19 [Pages Router] Introduction
#19.0 Welcome (03:22)
미리 보기 →
#19.1 Requirements (01:18)
미리 보기 →
#19.2 Recording Plan (04:57)
수강하기 →
#20 [Pages Router] Setup
#20.0 NextJS Setup (06:23)
수강하기 →
#20.1 TailwindCSS Setup (08:50)
수강하기 →
#21 [Pages Router] Tour of Tailwind
#21.0 Introduction (11:40)
수강하기 →
#21.1 Test Drive part One (15:01)
수강하기 →
#21.2 Test Drive part Two (08:52)
수강하기 →
#21.3 Test Drive part Three (13:06)
수강하기 →
#21.4 Modifiers (07:20)
수강하기 →
#21.5 Transitions (09:59)
수강하기 →
#21.6 Modifiers for Lists (07:00)
수강하기 →
#21.7 Modifiers for Forms (18:38)
수강하기 →
#21.8 More Modifiers (12:48)
수강하기 →
#21.9 Responsive Modifiers (09:05)
수강하기 →
#21.10 Responsive Modifiers part Two (09:10)
수강하기 →
#21.11 Dark Mode (10:10)
수강하기 →
#21.12 Just In Time Compiler (11:18)
수강하기 →
#21.13 Conclusions (01:09)
수강하기 →
#22 [Pages Router] Tailwind Practice
#22.0 Introduction (03:08)
수강하기 →
#22.1 Auth part One (11:49)
수강하기 →
#22.2 Auth part Two (13:29)
수강하기 →
#22.3 Home Screen (10:20)
수강하기 →
#22.4 Item Detail (12:02)
수강하기 →
#22.5 Upload Item (11:27)
수강하기 →
#22.6 Community (06:42)
수강하기 →
#22.7 Community Detail (08:53)
수강하기 →
#22.7 Write (02:35)
수강하기 →
#22.8 Chats (05:02)
수강하기 →
#22.9 Chat Detail (11:49)
수강하기 →
#22.10 Profile (05:52)
수강하기 →
#22.11 Bought, Loved and Sold (02:34)
수강하기 →
#22.12 Edit Profile (06:55)
수강하기 →
#22.13 Streams (05:42)
수강하기 →
#22.14 Stream (04:31)
수강하기 →
#22.15 Add Stream (03:59)
수강하기 →
#22.16 Layout part One (10:34)
수강하기 →
#22.17 Layout part Two (10:23)
수강하기 →
#22.18 Conclusions (03:02)
수강하기 →
#23 [Pages Router] Database Setup
#23.0 Before We Start (06:29)
수강하기 →
#23.1 What is Prisma (04:16)
수강하기 →
#23.2 Prisma Setup (08:53)
수강하기 →
#23.3 What is PlanetScale (06:55)
수강하기 →
#23.4 Connecting to PlanetScale (09:19)
수강하기 →
#23.5 Push To PlanetScale (12:19)
수강하기 →
#23.6 Prisma Client (11:28)
수강하기 →
#23.7 API Routes (07:59)
수강하기 →
#23.8 Recap (05:30)
수강하기 →
#24 [Pages Router] React Hook Form
#24.0 Introduction (02:50)
수강하기 →
#24.1 Making Forms Alone (14:07)
수강하기 →
#24.2 The Register Function (09:39)
수강하기 →
#24.3 Validation (08:23)
수강하기 →
#24.4 Validation part Two (09:16)
수강하기 →
#24.5 Errors (11:01)
수강하기 →
#24.6 Extras (07:27)
수강하기 →
#25 [Pages Router] Refactoring
#25.0 Enter Form (08:40)
수강하기 →
#25.1 Form Submission (08:24)
수강하기 →
#25.2 Clean Code part One (08:49)
수강하기 →
#25.3 Clean Code part Two (07:31)
수강하기 →
#25.4 withHandler (12:58)
수강하기 →
#25.5 Paths (05:06)
수강하기 →
#26 [Pages Router] Authentication
#26.0 Introduction (04:40)
수강하기 →
#26.1 Accounts Logic (14:35)
수강하기 →
#26.2 Token Logic (15:01)
수강하기 →
#26.3 Twilo Setup (09:33)
수강하기 →
#26.4 Sending SMS (07:11)
수강하기 →
#26.5 Sending Email (06:56)
수강하기 →
#26.6 Token UI (16:22)
수강하기 →
#26.7 Serverless Sessions (13:22)
수강하기 →
#26.8 Profile Handler (05:18)
수강하기 →
#26.9 Cleaning Code (11:49)
수강하기 →
#26.10 NextAuth (05:50)
수강하기 →
#27 [Pages Router] Authorization
#27.0 Introduction (05:20)
수강하기 →
#27.1 Protected Handlers (09:05)
수강하기 →
#27.2 useUser Hook (10:28)
수강하기 →
#27.3 SWR (12:39)
수강하기 →
#27.4 useUser Refactor (08:23)
수강하기 →
#28 [Pages Router] Products
#28.0 Product Model (07:30)
수강하기 →
#28.1 Upload Form (06:37)
수강하기 →
#28.2 Upload API (07:51)
수강하기 →
#28.3 See Products (06:03)
수강하기 →
#28.4 Product Detail (11:01)
수강하기 →
#28.5 Related Products (09:55)
수강하기 →
#28.6 Favorite Products (12:43)
수강하기 →
#28.7 Favorite Products part Two (09:19)
수강하기 →
#28.8 Bound Mutations (11:18)
수강하기 →
#28.9 Unbound Mutations (06:37)
수강하기 →
#28.10 Counting Relationships (05:00)
수강하기 →
#29 [Pages Router] 동네생활
#29.0 Models (07:26)
수강하기 →
#29.1 Forms and Handlers (08:56)
수강하기 →
#29.2 Post Detail (12:25)
수강하기 →
#29.3 궁금해요 (15:46)
수강하기 →
#29.4 Answer (13:06)
수강하기 →
#29.5 All Posts (12:45)
수강하기 →
#29.6 useCoords (07:21)
수강하기 →
#29.7 Geo Search (12:52)
수강하기 →
#29.8 Geo Bug (02:55)
수강하기 →
#30 [Pages Router] Profile
#30.0 Models (16:39)
수강하기 →
#30.1 Reviews (08:42)
수강하기 →
#30.2 Handlers (08:17)
수강하기 →
#30.3 Profile Page (06:07)
수강하기 →
#30.4 Sales, Purchases, Favorites (12:08)
수강하기 →
#30.5 Edit Profile part One (10:52)
수강하기 →
#30.6 Edit Profile part Two (17:22)
수강하기 →
#31 [Pages Router] Streams
#31.0 Upload Form (12:41)
수강하기 →
#31.1 Detail Page (13:02)
수강하기 →
#31.2 Send Message (06:49)
수강하기 →
#31.3 See Messages (08:56)
수강하기 →
#31.4 Mutations and Refresh (08:21)
수강하기 →
#31.5 Seeding (06:20)
수강하기 →
#31.6 Pagination (11:14)
수강하기 →
#32 [Pages Router] Cloudflare Images
#32.0 Introduction (03:29)
수강하기 →
#32.1 Image Preview (11:13)
수강하기 →
#32.2 Direct Creator Uploads (10:57)
수강하기 →
#32.3 Cloudflare Setup (04:28)
수강하기 →
#32.4 Direct Upload URL (08:36)
수강하기 →
#32.5 Cloudflare Upload (06:03)
수강하기 →
#32.6 Serving Images (08:45)
수강하기 →
#32.7 Resizing Images (06:22)
수강하기 →
#32.8 Product Images (11:23)
수강하기 →
#33 [Pages Router] NextJS Images
#33.0 Introduction (05:52)
수강하기 →
#33.1 Local Images (11:36)
수강하기 →
#33.2 Remote Images (08:06)
수강하기 →
#33.3 Layout Fill (08:38)
수강하기 →
#33.4 Conclusions (01:52)
수강하기 →
#34 [Pages Router] Live Streaming
#34.0 Introduction (07:47)
수강하기 →
#34.1 Streaming From Dashboard (06:06)
수강하기 →
#34.2 Streaming API (10:36)
수강하기 →
#34.3 Securing Stream (11:53)
수강하기 →
#34.4 Video and Thumbnails (08:12)
수강하기 →
#34.5 Conclusions (03:15)
수강하기 →
#35 [Pages Router] Challenge
#35.0 Code Challenge (04:08)
수강하기 →
#36 [Pages Router] NextJS Deep Dive
#36.0 Middlewares (12:11)
수강하기 →
#36.1 Responses and Redirections (13:42)
수강하기 →
#36.2 Dynamic Imports (11:19)
수강하기 →
#36.3 Lazy-load Imports (08:44)
수강하기 →
#36.4 _document and Fonts (12:14)
수강하기 →
#36.5 Script Component (09:16)
수강하기 →
#36.6 getServerSideProps (09:14)
수강하기 →
#36.7 SSR + SWR (11:47)
수강하기 →
#36.8 SSR + Authentication (09:49)
수강하기 →
#36.9 Blog Section (07:54)
수강하기 →
#36.10 getStaticProps (15:52)
수강하기 →
#36.11 getStaticPaths part One (09:33)
수강하기 →
#36.12 getStaticPaths part Two (07:41)
수강하기 →
#36.13 Dynamic getStaticProps (08:28)
수강하기 →
#36.14 Inner HTML (09:41)
수강하기 →
#36.15 Recap (08:21)
수강하기 →
#37 [Pages Router] Incremental Site Regeneration
#37.0 Introduction (14:18)
수강하기 →
#37.1 ISR part One (10:37)
수강하기 →
#37.2 ISR part Two (12:55)
수강하기 →
#37.3 On Demand Revalidation (11:53)
수강하기 →
#37.4 Blocking SSG (13:33)
수강하기 →
#37.5 Fallback (14:22)
수강하기 →
#37.6 Recap (05:33)
수강하기 →
#37.7 Code Challenge (01:09)
수강하기 →
#38 [Pages Router] Future: React 18
#38.0 Suspense (14:05)
수강하기 →
#38.1 Server Components (03:49)
수강하기 →
#38.2 Promise Me Your Love (15:18)
수강하기 →
#38.3 Throwing Our Promise (07:17)
수강하기 →
#38.4 Parallelism (11:00)
수강하기 →
#38.5 Recap (03:36)
수강하기 →
#39 [Pages Router] Deploying
#39.0 Database Branches (08:18)
수강하기 →
#39.1 Indexes and Deploys (12:54)
수강하기 →
#39.2 Vercel Deployment (11:34)
수강하기 →
#39.3 Vercel Deployment part Two (09:48)
수강하기 →
#39.4 Preview Deployments (03:50)
수강하기 →
#39.5 Limits in Vercel (09:30)
수강하기 →
#39.6 Bye Bye! (01:18)
미리 보기 →
#40 Bonus: Cloudflare Workers
#40.0 Welcome (04:03)
수강하기 →
#40.1 Our First Worker (05:37)
수강하기 →
#40.2 Routing (06:07)
수강하기 →
#40.3 Workers KV (05:41)
수강하기 →
#40.4 Visit Counter (13:31)
수강하기 →
#40.5 Conclusions (08:42)
수강하기 →
#40.6 Durable Objects (06:42)
수강하기 →
#40.7 Our First Durable Object (10:29)
수강하기 →
#40.8 Serverless WebSockets (13:29)
수강하기 →
#40.9 Messages (09:20)
수강하기 →
#40.10 Deploying (06:32)
수강하기 →
#40.11 Conclusions (00:50)
수강하기 →