WeTube

[v1.0] First Clone Coding

mogod

dev:assets

dev:server

mongo

• use we-tube
• db.users.find({})
• db.users.remove({})

[v2.0] Second Clone Coding for WeTube Challenge

2019. 9. 16 ~ 2019. 10. 28

강의 수강신청만하고 끝까지 완강을 하지 못해서 항상 생각만 하고 있었는데, 이번기회에 꼭 끝까지 완강해 보려고 합니다. 이런 기회를 만들어 주셔서 참 감사합니다!!

Day1

• 오늘의 강의

  #0 Introduction

  • 0.1 What are we building
  • 0.2 The State of Fullstack
  • 0.3 Websites vs Webapps

• 강의노트: Day1 Note

Day2

• 오늘의 강의

  #1 NodeJS Theory

  • 1.0 What is NodeJS
  • 1.1 Use Cases for NodeJS
  • 1.2 Who Uses NodeJS
  • 1.3 Installing NodeJS

• 강의노트: Day2 Note

Day3

• 오늘의 강의

  #2 ExpressJS

  • 2.0 What is a Server
  • 2.1 What is Express
  • 2.2 Installing Express with NPM

• 강의노트: Day3 Note

Day4

• 오늘의 강의

  #2 ExpressJS

  • 2.3 Your First Express Server
  • 2.4 Handling Routes with Express
  • 2.5 ES6 on NodeJS using Babel
  • 2.6 Express Core: Middlewares
  • 2.7 Express Core: Middlewares part Two

• 강의노트: Day4 Note

Day5

• 오늘의 강의

  #2 ExpressJS

  • 2.8 Express Core: Routing
  • 2.9 MVC Pattern part One
  • 2.10 MVC Pattern part Two
  • 2.11 MVC Pattern part Three

• 강의노트: Day5 Note

Day6

• 오늘의 강의 : 휴일

Day7

• 오늘의 강의 : 휴일

Day8

• 오늘의 강의

  #2 ExpressJS

  • 2.12 Recap
  • 2.13 Installing Pug
  • 2.14 Layouts with Pug
  • 2.15 Partials with Pug
  • 2.16 Local Variables in Pug
  • 2.17 Template Variables in Pug

• 강의노트: Day8 Note

Day9

• 오늘의 강의

  #2 ExpressJS

  • 2.6 Express Core: Middlewares
  • 2.7 Express Core: Middlewares part Two
  • 2.8 Express Core: Routing
  • 2.9 MVC Pattern part One
  • 2.10 MVC Pattern part Two
  • 2.11 MVC Pattern part Three
  • 2.12 Recap

• 강의노트: Day9 Note

Day10

• 오늘의 강의

  #2 ExpressJS

  • 2.13 Installing Pug
  • 2.14 Layouts with Pug
  • 2.15 Partials with Pug
  • 2.16 Local Variables in Pug
  • 2.17 Template Variables in Pug

• 강의노트: Day10 Note

Day11~12

• 오늘의 강의

  #2 ExpressJS

  • 2.18 Search Controller
  • 2.19 Join : Log In HTML
  • 2.20 Change Profile HTML
  • 2.21 Home Controller
  • 2.22 Home Controller part Two
  • 2.23 Join Controller
  • 2.24 Log In and User Profile Controller
  • 2.25 More Controllers

• 강의노트: Day11~12 Note

Day13

• 오늘의 강의 : 휴일

Day14

• 오늘의 강의 : 휴일

Day15

• 오늘의 강의

  #2 ExpressJS

  • 2.18 Search Controller
  • 2.19 Join : Log In HTML
  • 2.20 Change Profile HTML
  • 2.21 Home Controller
  • 2.22 Home Controller part Two
  • 2.23 Join Controller
  • 2.24 Log In and User Profile Controller
  • 2.25 More Controlers

  #3 MongoDB

  • 3.0 MongoDB and Mongoose
  • 3.1 Connecting to MongoDB
  • 3.2 Configuring Dot Env
  • 3.3 Video Model
  • 3.4 Comment Model

• 강의노트: Day15 Note

Day16

• 오늘의 강의

  #2 ExpressJS

  • 2.18 Search Controller
  • 2.19 Join : Log In HTML
  • 2.20 Change Profile HTML
  • 2.21 Home Controller
  • 2.22 Home Controller part Two
  • 2.23 Join Controller
  • 2.24 Log In and User Profile Controller
  • 2.25 More Controllers

• 강의노트: Day16 Note

Day17~19

• 오늘의 강의

  2 ExpressJS

  • 2.0 What is a Server
  • 2.1 What is Express
  • 2.2 Installing Express with NPM
  • 2.3 Your First Express Server
  • 2.4 Handling Routes with Express
  • 2.5 ES6 on NodeJS using Babel
  • 2.6 Express Core: Middlewares
  • 2.7 Express Core: Middlewares part Two
  • 2.8 Express Core: Routing
  • 2.9 MVC Pattern part One
  • 2.10 MVC Pattern part Two
  • 2.11 MVC Pattern part Three
  • 2.12 Recap
  • 2.13 Installing Pug
  • 2.14 Layouts with Pug
  • 2.15 Partials with Pug
  • 2.16 Local Variables in Pug
  • 2.17 Template Variables in Pug
  • 2.18 Search Controller
  • 2.19 Join : Log In HTML
  • 2.20 Change Profile HTML
  • 2.21 Home Controller
  • 2.22 Home Controller part Two
  • 2.23 Join Controller
  • 2.24 Log In and User Profile Controller
  • 2.25 More Controlers

  3 MongoDB

  • 3.0 MongoDB and Mongoose
  • 3.1 Connecting to MongoDB
  • 3.2 Configuring Dot Env
  • 3.3 Video Model
  • 3.4 Comment Model
  • 3.5 Home Controller Finished
  • 3.6 Uploading and Creating a Video
  • 3.7 Uploading and Creating a Video part Two
  • 3.8 Getting Video by ID
  • 3.9 Editing a Video
  • 3.10 Deleting a Video
  • 3.11 Installing ESLint
  • 3.12 Searching Videos

• 강의노트: Day17~19 Note

Day20

• 오늘의 강의 : 휴일

Day21

• 오늘의 강의 : 휴일

Day22

• 오늘의 강의

  #4 Webpack

  • 4.0 Introduction to Webpack
  • 4.1 Styles with Webpack part One
  • 4.2 Styles with Webpack part Two
  • 4.3 ES6 with Webpack

• 강의노트: Day22 Note

Day23

• 오늘의 Reference
  • Multer
  • fs
• 강의노트: Day23 Note

Day24

• 오늘의 강의

  #6 User Authentication like a Boss

  • 6.0 Introduction to PassportJS
  • 6.1 Local Authentication with Passport part One
  • 6.2 Local Authentication with Passport part Two
  • 6.3 Loggin the User In
  • 6.4 Sessions on Express
  • 6.5 MongoStore and Middlewares

• 강의노트: Day22 Note

Day25~26

• 오늘의 Reference
  • request
  • HTTP Status Code
• 강의노트: Day25~26 Note

Day27

• 오늘의 강의 : 휴일

Day28

• 오늘의 강의 : 휴일

Day29~30

• 오늘의 강의

  #8 Custom Video Player

  • 8.0 Starting the Video Player
  • 8.1 Play Pause Functionallity
  • 8.2 Mute Unmute
  • 8.3 Enter Fullscreen Exit Fullscreen
  • 8.4 Total Time and Current Time
  • 8.5 Volume Bar part One
  • 8.6 Volume Bar part Two

• 강의노트: Day29~30 Note

Day31~32

• 오늘의 강의

  #9 Recording Video with JavaScript

  • 9.0 Getting User Media
  • 9.1 Recording Video part One
  • 9.2 Recording video part Two

• 강의노트: Day31~32 Note

Day33

• 오늘의 강의

  #10 API + AJAX

  • 10.0 API Registering a View part One
  • 10.1 API Registering a View part Two
  • 10.2 API Adding a Comment part One
  • 10.3 API Adding a Comment part Two
  • 10.4 API Adding a Comment part Three
  • 10.5 Conclusions

• 강의노트: Day33 Note

Day34

• 오늘의 강의 : 휴일

Day35

• 오늘의 강의 : 휴일

Day36

• 오늘의 Reference
  • Fetch
  • setInterval
• 강의노트: Day36 Note

Day37~40

• 강의노트: Day37~40 Note
• Heroku App 링크 : 졸업작품: 유튜브 클론