Autoplay
Autocomplete
Toggle Sidebar
Previous Lesson
Complete and Continue
[Django 풀스택] 인스타그램 클론 코딩
공지사항
🚨필독. 공지사항 🚨
🚧 질문하는 방법: How to ask a question 🚧
#0. Introduction
🚧 🚧 Windows Users Read This 🚧 🚧
🚧 🚧 VSCode Users Read This 🚧 🚧
#0-1. What are we using (4:54)
#0-2. Requirements (1:13)
#0-3. Check if everything works. (1:49)
#0-4 Source Code
🚧Download Presentations 🚧
#1. Django: Backend
#1-1. How does a backend Work? (8:16)
#1-2. Introduction to Django (7:31)
#1-3. What is an virtual environment (6:22)
#1-4. Creating a Virtual Environment (3:28)
#1-5. Parts of Django- Settings, Urls, Apps (7:37)
#1-6. Creating our Django Project (5:56)
Quiz 1 (not graded)
#1-7. Creating the GitHub Repository (4:00)
#1-8. Installing the requirements (3:10)
#1-9. Production settings and local settings (2:26)
#1-10. Databases and Django (2:29)
Quiz 2
#1-11. Creating the Databases (1:13)
#1-12. Creating the Apps (4:17)
#1-13. Parts of a Django App- Models and Views (12:41)
#1-14. What is the Django ORM? (4:55)
#1-15. Recap- Class Inheritance (4:39)
#1-16. Understanding Django Models and Fields (12:37)
#1-17. Migrating (2:59)
#1-18. Creating a super user (3:50)
Quiz 3
#1-19 Creating the User Model (17:11)
#1-20 Creating the Image Model (10:05)
#1-21. Explaining Model Relationships (12:08)
Quiz 4
#1-22 Created the Like model and fixing Comment and Image models (7:06)
#1-23 Creating Following:Follower Relationships (2:50)
#1-24 Registering the Models in the admin (6:45)
Quiz 5
#1-25 Customizing the Django Admin (14:45)
#1-26 Testing ManyToMany Relationships (4:44)
Quiz 6
#1-27 Understanding HTTP Requests (13:56)
#1-28 Basic REST API Design Concepts (11:15)
Quiz 7
#1-29 Django Rest Framework Installation and Basic Concepts (6:02)
#1-30 Creating Image Serializers (4:21)
#1-31 Creating List All Images View (9:25)
Quiz 8
#1-32 Creating the URLS and testing the Image Serializers (11:50)
#1-33 Viewing all the Comments and Likes (5:24)
#1-34 Serializing a Foreign Key (3:42)
#1-35 Hidden Model Fields in Django (13:08)
Quiz 9
#1-36 Planning the API Views (13:46)
#1-37 The Request Object in Django (5:56)
#1-38 Making Queries (7:56)
Quiz 10
#1-39 Getting the User Feed part One (13:32)
#1-40 Getting the User Feed part Two (8:44)
#1-41 Using Variables on the URLS (4:53)
Quiz 11
#1-42 Working with Regulax Expressions (7:28)
#1-43 Liking an Image (7:43)
#1-44 Restricting Likes (6:42)
Quiz 12 (not graded)
#1-45 Commenting on an Image (13:32)
#1-46 Deleting my own comment (7:25)
#1-47 Get people to follow on :explore (6:24)
#1-48 Refactoring the Like:Unlike (3:43)
#1-49 Following a User (5:33)
#1-50 Unfollowing User (1:15)
Quiz 13
#1-51 Getting User Profile (13:26)
#1-52 Getting Followers List (6:40)
#1-53 Getting Following List (3:22)
#1-54 Class Based Views vs. Function Based Views (7:11)
#1-55 Searching Images by Hashtag Part One (8:31)
#1-56 Searching by Hashtag part Two (10:28)
#1-57 Search users by username (7:50)
Quiz 14
#1-58 Creating Notification Models (10:51)
#1-59 Getting my notifications (12:08)
#1-60 Creating Follow, Comment and Like notification (15:06)
#1-61 Moderating comments on my image (11:11)
#1-62 Including Myself on the Feed (1:26)
#1-63 Getting Single Photo (4:43)
#1-64 Getting the image likes (8:38)
#1-65 Edit a Photo (8:59)
#1-66 Deleting an Image (5:13)
#1-67 Update Profile (8:48)
#1-68 Updating the password (12:11)
#1-69 What is JWT (5:33)
#1-70 Setting up JWT (7:01)
Quiz 15
#1-71 Serializing the Tags (3:44)
#1-72 Signing Up : Logging In (7:49)
#1-73 Uploading a Photo (4:59)
#1-74 Uploading profile image (1:47)
#1-75 Login in with Facebook (13:45)
#2. React: Front End (Theory)
#2-0 Introduction to Front End (3:53)
#2-1 What are we using (7:31)
Quiz 16
#2-2 Introduction to Webpack (7:08)
#2-3 Webpack Practice Project (17:09)
Quiz 17
#2-4 Using Create React App (5:58)
#2-5 Ejecting from Create React App (4:01)
#2-6 Ejection aftermath (2:46)
CRA Update Notice
#2-7 Intro to SCSS and Adding SCSS to Webpack (11:25)
Quiz 18
#2-8 CSS Modules What are They? (4:37)
#2-9 Adding CSS Modules to Webpack (7:18)
#2-10 Serving Webpack Bundles with Django (17:05)
#2-11 Stop and go learn Redux (1:02)
#3. React: Front End (Practice)
#3-0 Creating the User Reducer (7:17)
#3-1 Installing Redux in Our Project (0:31)
#3-2 Setting Up the Redux Store with Multiple Reducers (3:22)
#3-3 Connecting the Reducer with the React App (2:08)
#3-4 Changing the NODE_PATH (3:16)
#3-5 Redux Middlewares Thunk (7:31)
#3-6 Redux Middlewares- Logger (7:15)
#3-7 Contact List App- Creating the Project and Cleaning Up (1:43)
#3-8 Contact List App- Creating the Router and the Header (2:35)
#3-9 Contact List App- Created Home page + Contacts (3:44)
#3-10 Contact List App- Contacts Routes and Contact Detail (11:38)
#3-11 Syncing React Router with Redux (8:41)
#3-12 Debugging Redux like a Pro with Reactotron (9:51)
#3-13 Introduction to Redux Dev Tools (5:46)
#3-14 Installing Redux Dev Tools (5:46)
#3-15 Multi Language with Redux (9:10)
#3-16 Moving the App Component and Adding Reset-CSS (4:53)
#3-17 Adding SCSS Variables (5:33)
#3-18 Creating the Footer Component (6:29)
#3-19 Styling the Footer (8:28)
#3-20 Mixins and Responsive Footer (11:42)
#3-21 Making the App container (6:41)
#3-22 React Design Patterns (7:32)
#3-23 Handling Authentication with Redux and React Router (8:52)
#3-24 Auth Component part One (11:00)
#3-25 Auth Component part Two (9:06)
#3-26 Auth Component part Three (11:51)
#3-27 Finishing Auth Component and the Auth Forms (2:23)
#3-28 Improving the Responsive Mixin (1:42)
#3-29 React Context And Translating the Footer (10:29)
#3-30 Stateless Components and Context (4:26)
#3-31 Extracting Translations (2:23)
#3-32 Importing Translations (5:21)
#3-33 Moving the AuthForm to their own components (7:59)
#3-34 Controlling inputs and submit on LoginForm (코딩 챌린지 #1) (14:46)
Sign Up Form Coding Challenge Solution (코딩 챌린지#1: 결과)
#3-35 Login In with Facebook (코딩 챌린지 #2) (12:08)
Sign Up with Facebook Coding Challenge Solution (코딩 챌린지 #2: 결과)
#3-36 Creating Facebook Login Redux Action pt. One (14:13)
#3-37 Created Facebook Login Redux Action pt. Two (2:27)
#3-38 Setting the Token with FB Login (8:23)
#3-39 Getting Extra information from Facebook Login (7:43)
#3-40 Login In Redux Action (9:56)
#3-41 Signup Redux Action (8:32)
#3-42 Creating the Navigation Component (10:21)
#3-43 Dealing with Blocked Updates (4:43)
#3-44 Creating the Feed Container (5:49)
#3-45 Creating a reusable Loading Component (8:11)
#3-46 Creating the photos reducer and getting the feed (10:15)
#3-47 Logout Action (8:10)
#3-48 RenderFeed Component and Persistence (12:03)
#3-49 FeedPhoto Component pt. One (11:44)
#3-50 FeedPhoto Component pt. Two (9:23)
#3-51 FeedPhoto Component pt. Three (14:15)
#3-52 FeedPhoto Component pt. Four (4:24)
#3-53 Making the comments resizeable (2:39)
#3-54 Detecting if an Image is Liked by me (11:18)
#3-55 Liking Photos pt. One (14:32)
#3-56 Liking Photos pt. Two (14:32)
#3-57 Controlling Comment Component (7:50)
#3-58 Sending Comment to API (7:23)
#3-59 Adding the comment to the redux store (6:52)
#3-60 Opening and Closing the UserList Box (9:28)
#3-61 Getting and setting the Likes (7:59)
#3-62 UserRow challenge (4:09)
#3-63 Detecting if we are following user (5:27)
#3-64 Follow Unfollow User Offline (12:12)
#3-65 Follow Unfollow Online (4:38)
#3-66 Explore (6:52)
#3-67 Search Component pt. One (12:18)
#3-68 Search Component pt. Two (16:26)
#3-69 Search Component pt. Three (11:25)
#3-70 Frontend Coding Challenge (4:40)
React Native: iOS App
#4-0 Creating the project (3:41)
#4-1 Preloading Assets (13:57)
#4-2 Persisting the Redux Store part One (17:16)
#4-3 Persisting the Redux Store part Two (7:46)
#4-4 Creating the AppContainer (8:05)
#4-5 React Navigation Introduction (5:52)
#4-6 Creating the Logged Out Navigation (9:40)
#4-7 LogInScreen part One (15:16)
#4-8 LoginScreen part Two (11:40)
#4-9 LoginScreen part Three (16:03)
#4-10 Sharing localhost with the world (7:55)
#4-11 LogIn with Username and Password part One (13:19)
#4-12 LogIn with Username and Password part Two (10:53)
#4-13 Handling Errors and Async Await (6:24)
#4-14 LogIn with Facebook (18:24)
#4-15 Planning the Navigation (9:50)
#4-16 Building the Navigation part One (16:05)
#4-17 Building the Navigation part Two (23:20)
#4-18 Building the Navigation part Three (9:23)
React Navigation UPDATE Notes
#4-19 Personalizing the Back Button (8:18)
#4-20 Creating the Feed Header (12:02)
#4-21 Customizing the Profile Header (3:37)
#4-22 Creating initApp and getFeed functions (9:17)
#4-23 Creating the getSearch Function (5:57)
#4-24 Creating the getOwnProfile and getNotifications Functions (10:41)
#4-25 Making the FeedScreen (11:48)
#4-26 Photo Component part One (12:45)
#4-27 Photo Component part Two (12:23)
#4-28 Detecting Vertical and Horizontal Images (4:12)
#4-29 Photo Component part Three (16:26)
#4-30 Creating the PhotoActions component (15:58)
#4-31 Liking and Unliking images part One (9:44)
#4-32 Liking and Unliking images part Two (14:21)
#4-33 SearchScreen part One (21:21)
#4-34 SearchScreen part Two (15:44)
#4-35 SearchScreen part Three (21:09)
#4-36 NotificationsScreen part One (11:12)
#4-37 NotificationsScreen part Two (6:45)
#4-38 Following, Unfollowing a User (16:02)
#4-39 Creating more screens (8:14)
#4-40 Profile Component part One (18:37)
#4-41 Creating is_self and following SerializerMethods (5:59)
#4-42 Profile Component part Two (15:20)
#4-43 Profile Component part Three (5:39)
#4-44 ProfileDetailScreen part One (19:23)
#4-45 ProfileDetailScreen part Two and Log Out (16:32)
#4-46 Uploading a Photo part One (TabNavigation) (13:41)
#4-47 Uploading a Photo part Two (Camera) (21:32)
#4-48 Uploading a Photo part Three (Selfie Mode and Flash Mode) (8:29)
#4-49 Uploading a Photo part Four (Taking a Photo) (12:49)
#4-50 Uploading a Photo part Five (Saving Photos to the Disk) (10:01)
#4-51 Uploading a Photo part Six (Picking a Photo from the Library) (19:48)
#4-52 Uploading a Photo part Seven (Creating UploadPhotoScreen) (14:31)
#4-53 Uploading a Photo part Eight (Customizing UploadPhotoScreen Header) (15:56)
#4-54 Uploading a Photo part Nine (Redux Action) (10:05)
#4-55 Uploading a Photo part Ten (Finishing Up!) (7:02)
#4-56 Wrapping Up (1:31)
AWS: Servers
#5-0 Introduction to AWS (RDS, EC2, S3) (13:32)
#5-1 Creating a Project with EBCLI (2:39)
#5-2 Creating a EB Environment (13:00)
#5-3 Changing the WSGI Path with ebextensions (11:33)
#5-4 Setting Env Variables part One (9:42)
#5-5 Setting Env Variables part Two (11:48)
#5-6 Connecting to the Database (14:17)
#5-7 Migrate and Collectstatic (13:45)
#5-8 Creating superuser in EB (6:53)
#5-9 Uploading the React App (4:47)
#5-10 Logging In with Facebook (4:23)
#5-11 Fixing the Auth Headers (3:54)
#5-12 Installing YUM packages (3:54)
#5-13 Testing the App and Publishing on Expo (10:29)
Extras
#6-1 Platform Specific Code (4:27)
#6-2 Push Notifications (7:13)
#6-3 When not to use Expo (5:05)
#6-4 When not to use React Native (5:15)
#3-46 Creating the photos reducer and getting the feed
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock