분류 전체보기 검색 결과

해당 글 777건

passport.js : (4) github 로그인

passport-github GitHub authentication strategy for Passport. www.passportjs.org 해당 문서를 읽어보면 사용 방법이 나와있다. kakao social login과 크게 다르지 않다. 1. github 로그인 버튼을 누르면 /auth/github로 이동하여 로그인 요청 2. github 로그인 (콜백 함수 실행 안 됨) 3. 지정한 콜백 경로로 프로필 반환 (/auth/github/callback으로 지정해놓았습니다) 4. 콜백 함수 실행 됨 설치 npm i passport-github 등록 kakao에서 그랬듯, github developers에서 어플리케이션 등록 과정을 거친 후에 사용할 수 있습니다. 위 passport.js 문서에 나와있는..
Node, Nest, Deno/🔑 JWT, Passport.js 2020. 4. 3. 03:37

passport.js : (3) kakao 로그인

passport.js : (2) 회원가입과 local 로그인 MySQL Sequelize를 설치했다고 가정하고 진행되었습니다. 그러나 무슨 SQL을 사용하던 흐름이나 코드는 동일합니다. * passport를 import함으로써 req.login, req.logout, req.isAuthenticated(로그인 여부를 boo.. darrengwon.tistory.com 여기에서 이어서 합니다. 또한, 아래 passport를 참고해보는 것도 좋습니다. "한국어로 되어있습니다" passport-kakao kakao oauth2 login module www.passportjs.org passport의 방법은 다 비슷합니다. kakao를 예시로 들면 이런 방법으로 처리됩니다. 1. /auth/kakao => G..
Node, Nest, Deno/🔑 JWT, Passport.js 2020. 4. 2. 17:25

CSS 심화 (나름?)

잘 쓸 수 있지만 흔히 볼 수는 없는 속성들을 모아 보았다. filter filter와 grayscale을 이용해 평소에는 흑백이었다가 hover하면 색깔을 주는 효과를 내보았다. img { filter: grayscale(1); } img:hover { filter: grayscale(0); } background-attachment 스크롤해도 뒷배경이 움직이지 않습니다. 이런 특징을 Parallax라고 합니다. .background { background-image: url("./img/C0002T01.JPG"); background-attachment: fixed; } text-indent 들여쓰기를 할 수 있다. text-indent: 30% line-height(줄간격) / letter-spac..
웹 전반, 브라우저/HTML, CSS 2020. 4. 2. 04:26

II. HTTP 아키텍처 | 5. 웹 서버

II. HTTP 아키텍처 05 웹 서버 웹 서버는 웹 서버 소프트웨어(NGinX, apache...)와 웹 페이지를 제공하는 하드웨어 장비 양쪽을 가리킨다. 리소스에 대한 HTTP req을 받아서 클라이언트에게 res를 주는 것은 모두 웹 서버이다. 더 정확히는, HTTP와 그와 관련된 TCP 처리를 구현한 것이다. 웹 서버는 어디에서든 이식할 수 있고 짧은 줄로도 구현할 수 있어서 임베디드에 웹 서버를 탑재해서 일반 소비자용의 제품을 웹을 통해 제어할 수 있도록 사용하기도 한다. 웹 서버가 하는 일 클라이언트 커넥션 수락 클라이언트는 서버와 소통하기 위해 TCP 커넥션을 요청하면 웹 서버는 그 커넥션을 맺고 TCP 커넥션에서 클라이언트의 IP 주소를 확인하고 새 커넥션을 커넥션 목록에 추가한다. 웹 서..
🌐 Network/🔗 HTTP 2020. 4. 1. 19:21

I. HTTP: 웹의 기초 | 4. 커넥션 관리

I. HTTP: 웹의 기초 04 커넥션 관리 앞서 서버와 브라우저가 소통하기 위해서는 TCP/IP 커넥션을 맺어야 한다고 했는데 정확히 이것이 어떻게 작동하는 지에 대해서는 설명하지 않았다. 이번에 TCP/IP 커넥션이 무엇인지 알아보자. TCP 커넥션 전 세계 모든 HTTP 통신은 패킷 교환 네트워크 프로토콜들의 계층화된 집합인 TCP/IP를 통해 이뤄진다. TCP/IP 커넥션이 일단 맺어지면 메세지들은 유실되거나 순서가 바뀌지 않고 안전하게 전달된다. 구글 주소창에 특정 URL을 입력하면 어떻게 TCP 커넥션을 맺어 데이터를 전달하는지의 순서는 다음과 같다. (1) http://www.shopping.com:80/power-tools.html 을 입력한다 (2) 브라우저는 호스트 명에 대한 IP 주소..
🌐 Network/🔗 HTTP 2020. 4. 1. 02:39

I. HTTP: 웹의 기초 | 3. HTTP 메시지

I. HTTP: 웹의 기초 03 HTTP 메시지 HTTP의 메시지는 HTTP 애플리케이션 간에 주고 받는 데이터의 블록들이다. 메세지는 클라이언트, 서버, 프록시를 흐른다. 이 메세지의 흐름의 방향을 표현하기 위한 용어로 "인바운드", "아웃바운드", "업스트림", "다운스트림"이 존재한다. 여기서 인바운드와 아웃바운드는 AWS를 사용하면서 경험했을 것이다. 지금까지 인바운드는 들어오는 것, 아웃바운드는 나가는 것으로 이해했다면 본래 이 용어들의 의미로 이해해보자. 인바운드, 아웃바운드 인바운드와 아웃바운드는 트랜잭션의 방향을 표현하기 위해 사용된다. 서버쪽으로 이동하는 것은 인바운드, 클라이언트쪽으로 이동하는 것을 아웃바운드라고 부른다. AWS에서는 서버 쪽으로 들어오는 것을 인바운드, 나가는 것을 아..
🌐 Network/🔗 HTTP 2020. 3. 31. 23:42

I. HTTP: 웹의 기초 | 1. HTTP 개관, 2. URL과 리소스

번역가의 다음 글을 참고해서 앞으로 며칠 간 HTTP 완벽 가이드를 읽으며 내용을 정리하려고 합니다. 웹 프로그래머를 위한 HTTP 완벽 가이드 읽는 법 HTTP 완벽가이드는 이름 그대로 HTTP를 매우 자세히 다루고 있는 책이다. HTTP를 이해해야 하는 사람은 웹 프로그래머만은 아니므로, 이 책은 웹 프로그래머만을 위해 쓰여진 책이 아니다. 따라서 웹 프로그래머가 이 책의 내용을 모두 다 완전히 이해해야 하는 것은 아니며, 중요도가 장 마다 크게 다르다. 웹 프로그래머의 시간은 유한한데 반해 공부해… blog.npcode.com I. HTTP: 웹의 기초 01 HTTP 개관 HTTP HTTP는 일종의 배달부이다. 음악, 영상, HTML 코드 등을 전송하는 프로토콜이다. HTTP는 신뢰할 수 있는 데이..
🌐 Network/🔗 HTTP 2020. 3. 31. 21:51

passport.js : (2) 직접 local auth를 구현 해보자

MySQL Sequelize를 설치했다고 가정하고 진행되었습니다. 그러나 무슨 SQL을 사용하던 흐름이나 코드는 동일합니다. local의 로그인/로그아웃 순서는 대략 이렇습니다. 1. form에 회원 정보를 입력하고 Login 버튼을 누름으로써 웹 서버에 POST 메소드를 보냅니다. 2. 백엔드측은 POST를 받으면 passport.authenticate를 실행합니다. 3. passport.authenticate("local", (authError, user, info) => {...}) 을 통해 local 전략을 수행합니다.(LocalStrategy.js) 전략의 수행 결과로 done 함수에 (에러, 성공, 실패) 가 담깁니다. 4. local 전략을 통과했다면(DB에 있는가, 비밀번호는 일치하는가 등..
Node, Nest, Deno/🔑 JWT, Passport.js 2020. 3. 29. 18:49

Express 개발 플로우 + 배포 알아보기

🎩 requirement MySQL, sequelize에 대한 이해 https://darrengwon.tistory.com/146?category=858366 sequelize ORM를 이용한 MySQL 활용 ORM는 우리가 사용하는 프로그래밍 언어를 SQL문으로 변환해준다. python의 경우 장고 ORM, node.js 에는 type ORM, 시퀄라이즈(sequelize) 등이 존재한다. SQL문을 작성하지 않고 평소 하던 JS나 python으로 DB를.. darrengwon.tistory.com HeidiDB와 mysql 모델을 이용해서 AWS RDS와 연동하기 https://darrengwon.tistory.com/240 ORM 말고 SQL로 AWS RDS DB와 Express 웹 서버 연결 AW..
Node, Nest, Deno/🚀 Node.js (+ Express) 2020. 3. 28. 19:29

[DB] NoSQL vs SQL

필자는 Node.js를 사용하는 많은 코더가 그러하듯 MongoDB를 주로 사용한다. 그러나 NoSQL과 SQL 둘 중 하나를 선택해야 하는 이유를 분명히 하는 것이 좋다. 거칠게 요약하자면 다음을 따진다 테이블 간의 관계가 있다? => SQL 비정형 데이터가 많다? => NoSQL https://siyoon210.tistory.com/130 SQL vs NoSQL (MySQL vs. MongoDB) ※이 포스팅은 academind의 SQL vs. NoSQL을 번역한 포스팅입니다. [개요] 웹 애플리케이션 개발을 위한 첫 걸음을 내딛은 이후에, 한가지 선택사항을 마주하게 됩니다. MySQL와 같은 SQL을 사용할 것인가? 아니면.. siyoon210.tistory.com
미분류/Tip 2020. 3. 28. 18:56