Courses
Challenges
Reviews 🔥
Community
FAQ
Roadmap
Boilerplates
Courses
Challenges
Reviews 🔥
Community
FAQ
Roadmap
Boilerplates
[LEGACY] 인스타그램 클론코딩
인스타그램 백엔드 + 프런트엔드 + 앱 + 서버
#0 Introduction
#0.0 🚨 Read this First 🚨
미리 보기 →
#0.1 Requirements (01:21)
미리 보기 →
#0.2 What are we building (01:53)
미리 보기 →
#1 Set Up
#1.0 Setting up the project (06:04)
미리 보기 →
#1.1 Creating GraphQL Server (06:05)
미리 보기 →
#1.2 Setting Up the Server like the Pros (11:17)
수강하기 →
#2 Setting Up Prisma
#2.0 Introduction to Prisma (06:44)
수강하기 →
#2.1 Datamodel with Prisma (11:06)
수강하기 →
#2.2 Testing Prisma OMG (12:53)
수강하기 →
#2.3 Integrating Prisma in our Server (05:48)
수강하기 →
#2.4 Resolvers with Prisma (07:54)
수강하기 →
#3 GraphQL API
#3.1 Planning the API (04:59)
수강하기 →
#3.2 Create Account Resolver (07:32)
수강하기 →
#3.3 requestSecret Resolver (13:48)
수강하기 →
#3.4 sendMail Function with Nodemailer (12:32)
수강하기 →
#3.5 Passport JWT part One (11:58)
수강하기 →
#3.6 Passport JWT part Two (09:58)
수강하기 →
#3.7 Passport JWT part Three (16:09)
수강하기 →
#3.8 toggleLike Resolver part One (08:25)
수강하기 →
#3.9 toggleLike and addComment Resolver (07:52)
수강하기 →
#3.10 searchUser and searchImage resolver (08:26)
수강하기 →
#3.11 follow unfollow Resolver (08:26)
수강하기 →
#3.12 editUser seeUser Resolver (08:10)
수강하기 →
#3.13 me Resolver + Prisma's Limitations (11:39)
수강하기 →
#3.14 See Full Posts (09:17)
수강하기 →
#3.15 Computed Fields in Prisma (07:56)
수강하기 →
#3.16 itsMe and amIFollowing Fileds part One (10:24)
수강하기 →
#3.17 itsMe and amIFollowing Fileds part Two (08:49)
수강하기 →
#3.18 isLiked Computed File (04:51)
수강하기 →
#3.19 upload Resolver (12:26)
수강하기 →
#3.20 seeFullPost Refactoring (15:45)
수강하기 →
#3.21 editPost deletePost Resolver (11:14)
수강하기 →
#3.22 deletePost Resolver part Two (11:46)
수강하기 →
#3.23 seeFeed Resolver (10:33)
수강하기 →
#3.24 sendMessage part One (15:07)
수강하기 →
#3.25 sendMessage part Two (13:05)
수강하기 →
#3.26 seeRoom Resolver (11:00)
수강하기 →
#3.27 Introduction to Subscriptions (04:47)
수강하기 →
#3.28 newMessage Subscription part One (11:27)
수강하기 →
#3.29 newMessage Subscription part Two (13:21)
수강하기 →
#3.30 Conclusions (07:54)
수강하기 →
#3.31 Kill The Fragments (05:54)
수강하기 →
#4 Frontend Setup
#4.0 CRA Cleanup and Installation (05:45)
수강하기 →
#4.1 GlobalStyles and Theme (12:06)
수강하기 →
#4.2 React Router (09:15)
수강하기 →
#4.3 Apollo Client (12:06)
수강하기 →
#4.4 First Hooks Query (08:02)
수강하기 →
#5 Frontend: Authorization Routes
#5.0 Auth Route UI part One (06:50)
수강하기 →
#5.1 Footer and Auth UI part Two (05:00)
수강하기 →
#5.2 Footer and Auth UI part Three (05:00)
수강하기 →
#5.3 Auth Form with Hooks (10:36)
수강하기 →
#5.4 requestSecret Mutation and Refactor (12:03)
수강하기 →
#5.5 Toastify and createAccount Mutation (14:17)
수강하기 →
#5.6 createAccount Mutation part Two (13:03)
수강하기 →
#5.7 createAccount Mutation part Three (08:30)
수강하기 →
#5.8 confirmSecret + Log In Mutation (16:03)
수강하기 →
#6 Frontend: Header Component
#6.0 Header UI (10:00)
수강하기 →
#6.1 Header Logic part One (13:32)
수강하기 →
#6.2 Header Logic part Two (07:22)
수강하기 →
#7 Frontend: Feed
#7.0 Getting the Feed and Loader Component (11:43)
수강하기 →
#7.1 Post Component part One (16:53)
수강하기 →
#7.2 Post Component part Two (16:07)
수강하기 →
#7.3 Post Component part Three (17:00)
수강하기 →
#7.4 toggleLike on Post Component (14:15)
수강하기 →
#7.5 createComment on Post Component part One (15:49)
수강하기 →
#7.6 createComment on Post Component part Two (13:59)
수강하기 →
#8 Frontend: Search
#8.0 Search Screen Queries (15:11)
수강하기 →
#8.1 Search Screen UI Part One (07:00)
수강하기 →
#8.2 Search Screen UI Part Two (11:06)
수강하기 →
#8.3 Follow Button (13:47)
수강하기 →
#8.4 SquarePost Component (15:02)
수강하기 →
#9 Frontend: Profile
#9.0 Profile Screen part One (14:52)
수강하기 →
#9.1 Profile Screen part Two (12:55)
수강하기 →
#9.2 Log Out and Conclusions (05:26)
수강하기 →
#10 App: Setup
#10.0 Creating the Project (08:03)
수강하기 →
#10.1 Preloading Assets (10:30)
수강하기 →
#10.2 Preloading Cache (09:23)
수강하기 →
#10.3 Recap (04:37)
수강하기 →
#10.4 isLoggedIn part One (10:22)
수강하기 →
#10.5 isLoggedIn part Two (07:36)
수강하기 →
#10.6 AuthContext part One (10:56)
수강하기 →
#10.7 AuthContext part Two (08:00)
수강하기 →
#11 App: Navigation
#11.0 Introduction To Navigation (10:51)
수강하기 →
#11.1 AuthNavigation (13:06)
수강하기 →
#11.2 Tabs Navigation (09:17)
수강하기 →
#11.3 Photo Navigation (12:31)
수강하기 →
#11.4 Messages Navigation part One (10:18)
수강하기 →
#11.5 Message Navigation part Two (06:16)
수강하기 →
#11.6 Navigation Conclusions (02:23)
수강하기 →
#12 App: Auth
#12.0 AuthHome (12:18)
수강하기 →
#12.1 Auth Components part One (12:20)
수강하기 →
#12.2 Auth Components part Two (08:11)
수강하기 →
#12.3 Login part One (10:46)
수강하기 →
#12.4 Login part Two (10:20)
수강하기 →
#12.5 Login part Three (04:00)
수강하기 →
#12.6 Confirm (12:42)
수강하기 →
#12.7 Singup (14:26)
수강하기 →
#12.8 Facebook Login part One (11:33)
수강하기 →
#12.9 Facebook Login part Two (09:28)
수강하기 →
#12.10 Google Login (11:24)
수강하기 →
#13 App: TabNavigation
#13.0 TabIcons part One (12:50)
수강하기 →
#13.1 TabIcons part Two (10:04)
수강하기 →
#13.2 TabBar, Styles, Loader (07:33)
수강하기 →
#14 App: Home Screen
#14.0 Apollo Context (07:51)
수강하기 →
#14.1 ScrollView and RefreshControl (06:36)
수강하기 →
#15 App: Post Component
#15.0 Post Component Header (11:32)
수강하기 →
#15.1 Post Component Swiper (10:12)
수강하기 →
#15.2 Finishing Post Component (07:46)
수강하기 →
#15.3 Toggle Like (08:33)
수강하기 →
#16 App: Search Screen
#16.0 Search as HeaderTitle part One (10:23)
수강하기 →
#16.1 Search as HeaderTitle part Two (08:21)
수강하기 →
#16.2 Search Query (09:50)
수강하기 →
#16.3 Search Photo (11:42)
수강하기 →
#16.4 Photo Detail (10:00)
수강하기 →
#17 App: Profile Screen
#17.0 Profile Screen (11:13)
수강하기 →
#17.1 User Detail Screen (05:57)
수강하기 →
#17.2 UserProfile Component Styles (14:51)
수강하기 →
#17.3 UserProfile Photo Rendering (05:31)
수강하기 →
#18 App: Upload
#18.0 Tab Styles (06:58)
수강하기 →
#18.1 Select Photo part One (10:54)
수강하기 →
#18.2 Select Photo part Two (05:46)
수강하기 →
#18.3 Take Photo part One (10:35)
수강하기 →
#18.4 Take Photo part Two (07:04)
수강하기 →
#18.5 Saving Photo (11:46)
수강하기 →
#18.6 Navigating to Upload Photo (07:22)
수강하기 →
#18.7 Preparing for Upload (10:20)
수강하기 →
#18.8 Uploading to Backend (10:14)
수강하기 →
#18.9 Uploading to S3 (08:09)
수강하기 →
#18.10 Uploading Mutation (12:39)
수강하기 →
#18.11 Showing off! (04:19)
수강하기 →
#18.12 Messages and Notifications (01:42)
수강하기 →
#19 Deployment
#19.0 Deploying Frontend to Netlify (10:11)
수강하기 →
#19.1 Building the Server (05:56)
수강하기 →
#19.2 Copying Files (09:29)
수강하기 →
#19.3 Deploying to Heroku (11:59)
수강하기 →
#19.4 Recap (03:49)
수강하기 →
#19.5 Deploying to Heroku part Two (12:42)
수강하기 →
#19.6 Deploying Prisma Server (09:13)
수강하기 →
#19.7 Deploying Prisma Server part Two + Netlify Fix (12:57)
수강하기 →
#20 Epilogue
#20.0 Conclusions (01:49)
수강하기 →
#21 Bonus: Subscriptions and Notifications
#21.0 What are we building (02:39)
수강하기 →
#21.1 Apollo Client Subscription Setup (10:08)
수강하기 →
#21.2 React Suspense is Awesome! (11:09)
수강하기 →
#21.3 Sending Messages and KeyboardAvoidingView (08:04)
수강하기 →
#21.4 New Message Subscription (07:55)
수강하기 →
#21.5 Push Notifications! (15:01)
수강하기 →
#21.6 Conclusions (04:14)
수강하기 →