909 Devlog

*Node.js, express, MongoDB 환경에서 구현하는 깃허브 로그인 방법입니다.* 프로젝트에 소셜 로그인을 구현해 봅시다. GitHub는 OAuth 방식을 사용하는데, 다른 소셜로그인(카카오, 구글 등) 또한 같은 방식을 사용하니 이번 포스팅을 보시면 다른 소셜로그인도 구현하실 수 있으실 겁니다. 깃허브 로그인 방식은 사용자를 깃허브로 보내고, 로그인하게 됨 (깃허브가 비밀번호, 보안, 이메일 인증 등 모든 것을 처리해 줌) 승인되면 사용자는 token과 함께 프로젝트 웹사이트로 돌아옴 유저의 토큰으로 깃허브 API에 access 해서 사용자의 정보를 가져옴 이므로, 순서대로 알아봅시다. 1. GitHub Applications 깃허브 세팅 페이지에 들어가서 왼쪽 nav 맨 밑에 Develo..

이번 포스팅에서는 express에서 session과 cookie를 사용하는 법에 대해 알아보겠습니다. 세션과 쿠키는 이전 포스팅 [WEB/HTTP] - 쿠키(Cookie)와 세션(Session)에서 다루었으니 이 포스팅에서는 express에서 사용하는 방법 위주로 작성하겠습니다. 1. express-session express에서 세션을 사용하기 위해서는 express-session을 설치하고 서버 파일에 불러와야 합니다. 터미널에 아래 코드를 입력하여 설치합니다. npm i express-session 서버 파일에 express-session을 불러오고, router 앞에 초기화합니다. import session from "express-session"; ... app.use( session({ sec..

1. Create Video 이전 포스팅에서 video schema를 만들었습니다. 그 스키마에서 사용자에게 입력받아야 하는 것은 title과 desciption 그리고 hashtags들입니다. 입력값을 얻기 위해 form을 만들러 가봅시다. upload.pug를 다음과 같이 수정합니다. extends base.pug block content form(method="POST") input(placeholder="Title", required, type="text", name="title") input(placeholder="Description", required, type="text", name="description") input(placeholder="Hashtags, separated by com..

1. Array Database 데이터 베이스에 대해 배우기 전에, 백엔드에 데이터를 어떻게 보내는지 먼저 보고 넘어갑시다. 이때까지 작성했던 Router.js 파일들을 보면 get 함수만 사용하고 있었습니다. 이제 post를 통해 데이터를 보내봅시다. 그전에, 이전 포스팅에서 videoController.js 파일의 trending 함수 내부에 const videos 배열을 작성했었습니다. 모든 controller에 배열을 사용하기 위해 배열을 밖으로 꺼내고 let으로 바꿔줍니다. // videoController.js let videos = [ { title: "First Video", rating:5, commnets:2, createdAt:"2 minutes ago", views:59, id:1,..

1. Returning HTML 지금까지 response를 보낼 때, res.end()를 사용하여 response를 끝내버리거나, res.send()를 사용하여 간단한 문자열을 보내기만 했었습니다. 이제 HTML을 보내서 진짜 웹 페이지를 구성해 봅시다. HTML을 보내는 세 가지 방법이 있습니다. 첫 번째 방법은 아래와 같이 res.send()에 HTML의 문자열을 써서 보내는 방법입니다. res.send("Hello World!"); 이 방법을 사용하면 DOCTYPE부터 html, head, body 등등 모든 태그를 다 써서 보내야 합니다. 이 작업을 모든 res.send()에다가 전부 다 한다는 생각을 하기만 해도 끔찍합니다. 매우 귀찮고, 시간이 오래 걸리며, 어려운 작업입니다. 두 번째 방법은..

1. 폴더 생성 원하는 곳에 폴더를 생성합니다. 1.1 GitHub 연결 1에서 생성한 폴더에서 터미널을 열고 git init 명령어를 입력해 줍니다. 다음으로 GitHub에 접속하여 repository를 만들고 repository URL을 복사하여 git remote add origin [복사한 URL] [ ]을 빼고 입력해 줍니다. 2. package.json 파일 생성 (Node.js가 설치되어 있어야 합니다.) 1에서 생성한 폴더에서 터미널을 열고 npm init 명령어를 입력하면 npm이 package.json을 만드는 걸 도와줍니다. package name: (폴더 이름) version: (1.0.0) description: entry point: (index.js) test command: ..