유튜브 클론 코딩 2

#5 - Passport를 사용해 User Authentication하기

passport? 여권? 로그인 기능(+소셜 로그인 기능)을 만드는 데 도움을 주는 Node.js의 미들웨어! 사용자의 정보는 브라우저의 쿠키 안에 저장되어있는데, passport는 그것을 가져와서 user객체를 만들고 requset객체 안에 넣어준다. 그러면 우리는 그 user객체와 passport를 가지고 뚝딱뚝딱 로그인 기능을 만들 수 있는 것이다. 사용자가 로그인을 할 때는 두 가지 종류가 있다. 하나는 아이디와 비밀번호를 사용해서 로그인하는 것이고 (해당 사이트의 아이디, 비밀번호) 다른 하나는 구글, 페이스북, 깃허브와 같은 다른 소셜의 정보를 가지고 로그인하는 것이다. passport에서는 첫번째 방식을 "local" 전략이라고 부르고 두 번째 방식은 "google", "facebook", ..

#4 - Webpack을 이용해 Styling하기

Webpack이란? 웹팩의 기본 개념 자바스크립트 코드가 많아지면 하나의 파일로 관리하는데 한계가 있다. 그렇다고 여러개 파일을 브라우져에서 로딩하는 것은 그만큼 네트웍 비용을 치뤄야하는 단점이 있다. 뿐만 아니라 각 파일은 서로의 스코프를 침범하지 않아야 하는데 잘못 작성할 경우 변수 충돌의 위험성도 있다. jeonghwan-kim.github.io 한 문장으로 말하면... 여러 개의 파일들을 합쳐주는 것!? 설치 npm i webpack webpack-cli (webpack-cli는 콘솔에서 webpack을 사용할 수 있게 해준다.) 설정 1. package.json 수정 //package.json { "scripts": { "dev:server": "nodemon --exec babel-node i..