공부 중/Node.js
-
0. 출처 passport.js 자격확인 - 생활코딩 수업소개 전송된 정보가 유효한지 여부를 파악하는 방법에 대한 내용입니다. 강의 1 소스코드 변경사항 강의 2 소스코드 변경사항 opentutorials.org passport-local Local username and password authentication strategy for Passport. www.passportjs.org [Node.js] Passport (로컬 로그인 with session) Passport란? Passport is authentication middleware for Node.js. Extremely flexible and modular, Passport can be unobtrusively dropped in to ..
[Express] Passport.js 자격 확인0. 출처 passport.js 자격확인 - 생활코딩 수업소개 전송된 정보가 유효한지 여부를 파악하는 방법에 대한 내용입니다. 강의 1 소스코드 변경사항 강의 2 소스코드 변경사항 opentutorials.org passport-local Local username and password authentication strategy for Passport. www.passportjs.org [Node.js] Passport (로컬 로그인 with session) Passport란? Passport is authentication middleware for Node.js. Extremely flexible and modular, Passport can be unobtrusively dropped in to ..
2023.09.17 -
0. 출처 passport.js 설치 - 생활코딩 수업소개 passport를 설치하고, 소스코드에 삽입하는 방법에 대해서 설명해드립니다. 강의 소스코드 변경사항 opentutorials.org passport-local Local username and password authentication strategy for Passport. www.passportjs.org 1. Strategy 선택 사용할 Strategy를 검색해서 찾는다. Passport.js Simple, unobtrusive authentication for Node.js www.passportjs.org 2. Passport.js 설치하기 구글, 페이스북, 카카오톡 등으로 로그인하는 것은 추후에 시도해 보고 이번에는 정통적으로 사용해..
[Express] Passport.js 시작하기0. 출처 passport.js 설치 - 생활코딩 수업소개 passport를 설치하고, 소스코드에 삽입하는 방법에 대해서 설명해드립니다. 강의 소스코드 변경사항 opentutorials.org passport-local Local username and password authentication strategy for Passport. www.passportjs.org 1. Strategy 선택 사용할 Strategy를 검색해서 찾는다. Passport.js Simple, unobtrusive authentication for Node.js www.passportjs.org 2. Passport.js 설치하기 구글, 페이스북, 카카오톡 등으로 로그인하는 것은 추후에 시도해 보고 이번에는 정통적으로 사용해..
2023.09.17 -
0. 출처 Passport.js - 생활코딩 수업소개 이 수업은 Node.js Express의 인증 미들웨어인 Passport.js의 사용법을 알려드리는 수업입니다. 수업대상 로그인/로그아웃/접근제한과 같은 인증 기능을 구현하고 싶은 분에게 필요한 수업 opentutorials.org 1. Passport.js 최근에는 간편 로그인, ~로 로그인하기 등 다양한 인증 방식이 사용된다. 또한 다양한 서비스 간의 통합이 활발해졌다. 개발자들은 기본적인 아이디와 비밀번호부터 OAuth, OpenID, SAML과 같은 복잡한 인증 프로토콜까지 다양한 방식을 통해 인증 기능을 구현해야 했다. 또한 인증 기능은 잘못 구현할 시 큰 보안 사고가 발생한다. 인증 기능을 구현하는 것은 높은 난이도, 낮은 재사용성, 심각한..
[Express] Passport.js이란?0. 출처 Passport.js - 생활코딩 수업소개 이 수업은 Node.js Express의 인증 미들웨어인 Passport.js의 사용법을 알려드리는 수업입니다. 수업대상 로그인/로그아웃/접근제한과 같은 인증 기능을 구현하고 싶은 분에게 필요한 수업 opentutorials.org 1. Passport.js 최근에는 간편 로그인, ~로 로그인하기 등 다양한 인증 방식이 사용된다. 또한 다양한 서비스 간의 통합이 활발해졌다. 개발자들은 기본적인 아이디와 비밀번호부터 OAuth, OpenID, SAML과 같은 복잡한 인증 프로토콜까지 다양한 방식을 통해 인증 기능을 구현해야 했다. 또한 인증 기능은 잘못 구현할 시 큰 보안 사고가 발생한다. 인증 기능을 구현하는 것은 높은 난이도, 낮은 재사용성, 심각한..
2023.09.17 -
0. 출처 express-session을 이용한 인증구현 - 생활코딩 수업소개 express-session을 이용해서 로그인/로그아웃/접근제어 기능을 갖춘 웹애플리케이션을 제작하는 방법을 함께 살펴보겠습니다. 강의1 - 로그인 링크 만들기 소스코드 변경사항 강의2 - 인 opentutorials.org 오픈튜토리얼 생활코딩 참고. 1. UI 반영 // ./lib/auth.js module.exports.statusUI = (req, res, next)=>{ let authStatusUI = `login`; if(req.session.is_logined){ authStatusUI = `${req.session.nickname} - logout` } req.authStatusUI = authStatusUI;..
[Express] Session으로 인증 구현하기_20. 출처 express-session을 이용한 인증구현 - 생활코딩 수업소개 express-session을 이용해서 로그인/로그아웃/접근제어 기능을 갖춘 웹애플리케이션을 제작하는 방법을 함께 살펴보겠습니다. 강의1 - 로그인 링크 만들기 소스코드 변경사항 강의2 - 인 opentutorials.org 오픈튜토리얼 생활코딩 참고. 1. UI 반영 // ./lib/auth.js module.exports.statusUI = (req, res, next)=>{ let authStatusUI = `login`; if(req.session.is_logined){ authStatusUI = `${req.session.nickname} - logout` } req.authStatusUI = authStatusUI;..
2023.08.22 -
0. 출처 express-session을 이용한 인증구현 - 생활코딩 수업소개 express-session을 이용해서 로그인/로그아웃/접근제어 기능을 갖춘 웹애플리케이션을 제작하는 방법을 함께 살펴보겠습니다. 강의1 - 로그인 링크 만들기 소스코드 변경사항 강의2 - 인 opentutorials.org 오픈튜토리얼 생활코딩 참고. 1. 목표 세션을 활용해서 로그인 기능을 구현한다. 당장은 다중 사용자를 고려하기보단, 하나의 ID, Password만 사용해서 로그인하는 것을 가정한다. 단일 사용자 환경에서 인증, 인가를 모두 구현한 다음, 추후 다중 사용자 환경에서도 동작하도록 확장할 계획이다. 2. 인증 기능 구현 가. 링크 추가 day (혹은 night) 버튼 옆에 login 링크가 생기도록 한다. 클..
[Express] Session으로 인증 구현하기_10. 출처 express-session을 이용한 인증구현 - 생활코딩 수업소개 express-session을 이용해서 로그인/로그아웃/접근제어 기능을 갖춘 웹애플리케이션을 제작하는 방법을 함께 살펴보겠습니다. 강의1 - 로그인 링크 만들기 소스코드 변경사항 강의2 - 인 opentutorials.org 오픈튜토리얼 생활코딩 참고. 1. 목표 세션을 활용해서 로그인 기능을 구현한다. 당장은 다중 사용자를 고려하기보단, 하나의 ID, Password만 사용해서 로그인하는 것을 가정한다. 단일 사용자 환경에서 인증, 인가를 모두 구현한 다음, 추후 다중 사용자 환경에서도 동작하도록 확장할 계획이다. 2. 인증 기능 구현 가. 링크 추가 day (혹은 night) 버튼 옆에 login 링크가 생기도록 한다. 클..
2023.08.22 -
1. 세션 앞서 쿠키를 사용해서 인증을 구현하면 생기는 문제점에 대하여 알아보았다. [Node.js] 쿠키의 한계 1. 인증 부분의 한계 민감한 정보를 클라이언트 쪽에 저장한다는 것은 위험하다. 또한 쿠키는 쉽게 탈취당할 수 있기 때문에 민감한 정보를 저장하는 것에 어울리지 않는다. 그렇기 때문에 요즘 ramen4598.tistory.com 쿠키를 통해서 인증 기능을 구현하면 민감한 개인 정보를 쿠키에 저장해야 하는 심각한 보안 문제가 발생한다. 그래서 이번 기회를 빌어 인증 기능을 구현하기 위햇 많이 사용하는 ‘세션’에 대하여 공부해 보겠다. 가. 세션이란? 세션(session)은 컴퓨터 과학에서, 특히 네트워크 분야에서 반영구적이고 상호작용적인 정보 교환을 전제하는 둘 이상의 통신 장치나 컴퓨터와 사..
[Express] Session이란?1. 세션 앞서 쿠키를 사용해서 인증을 구현하면 생기는 문제점에 대하여 알아보았다. [Node.js] 쿠키의 한계 1. 인증 부분의 한계 민감한 정보를 클라이언트 쪽에 저장한다는 것은 위험하다. 또한 쿠키는 쉽게 탈취당할 수 있기 때문에 민감한 정보를 저장하는 것에 어울리지 않는다. 그렇기 때문에 요즘 ramen4598.tistory.com 쿠키를 통해서 인증 기능을 구현하면 민감한 개인 정보를 쿠키에 저장해야 하는 심각한 보안 문제가 발생한다. 그래서 이번 기회를 빌어 인증 기능을 구현하기 위햇 많이 사용하는 ‘세션’에 대하여 공부해 보겠다. 가. 세션이란? 세션(session)은 컴퓨터 과학에서, 특히 네트워크 분야에서 반영구적이고 상호작용적인 정보 교환을 전제하는 둘 이상의 통신 장치나 컴퓨터와 사..
2023.08.19 -
1. 인증 부분의 한계 민감한 정보를 클라이언트 쪽에 저장한다는 것은 위험하다. 또한 쿠키는 쉽게 탈취당할 수 있기 때문에 민감한 정보를 저장하는 것에 어울리지 않는다. 그렇기 때문에 요즘에는 인증을 구현하기 위해서 쿠키보다는 세션이나 JWT를 사용한다. 그중에서 세션을 사용하면 서버 측에서 사용자에 대한 정보를 안전하게 저장하고, 클라이언트에는 세션 ID만을 저장하여 보다 안전하다. 그 외에도 세션은 서버의 제어: 서버는 세션을 통해 사용자 데이터를 관리하고 특정 사용자에 대한 정보를 추적할 수 있습니다. 이를 통해 사용자별로 개인화된 경험을 제공할 수 있습니다. 유연성: 세션은 여러 가지 데이터 타입과 복잡한 데이터 구조를 저장할 수 있습니다. 이를 통해 다양한 기능을 구현할 수 있습니다. 만료 시간..
[Node.js] 쿠키의 한계1. 인증 부분의 한계 민감한 정보를 클라이언트 쪽에 저장한다는 것은 위험하다. 또한 쿠키는 쉽게 탈취당할 수 있기 때문에 민감한 정보를 저장하는 것에 어울리지 않는다. 그렇기 때문에 요즘에는 인증을 구현하기 위해서 쿠키보다는 세션이나 JWT를 사용한다. 그중에서 세션을 사용하면 서버 측에서 사용자에 대한 정보를 안전하게 저장하고, 클라이언트에는 세션 ID만을 저장하여 보다 안전하다. 그 외에도 세션은 서버의 제어: 서버는 세션을 통해 사용자 데이터를 관리하고 특정 사용자에 대한 정보를 추적할 수 있습니다. 이를 통해 사용자별로 개인화된 경험을 제공할 수 있습니다. 유연성: 세션은 여러 가지 데이터 타입과 복잡한 데이터 구조를 저장할 수 있습니다. 이를 통해 다양한 기능을 구현할 수 있습니다. 만료 시간..
2023.08.10 -
1. 쿠키를 활용해서 다크모드 구현하기 기존 페이지는 리로딩할 때마다 다크모드가 꺼지는 문제가 있었다. 그래서 다른 페이지로 이동하거나 리로딩해도 다크모드가 그대로 유지되도록 해보자. 가. 쿠키 생성 다크모드에 관한 정보를 저장하는 쿠키를 만든다. 1) cookie-parser 설치 npm install cookie-parser 2) 미들웨어 추가 // app.js const cookieParser = require('cookie-parser'); const checkCookie = require('./lib/checkCookie.js'); ... app.use(cookieParser()); app.use(checkCookie.checkDarkMode); ... // ./lib/checkCookie.js..
[Express] 쿠키로 다크모드 구현1. 쿠키를 활용해서 다크모드 구현하기 기존 페이지는 리로딩할 때마다 다크모드가 꺼지는 문제가 있었다. 그래서 다른 페이지로 이동하거나 리로딩해도 다크모드가 그대로 유지되도록 해보자. 가. 쿠키 생성 다크모드에 관한 정보를 저장하는 쿠키를 만든다. 1) cookie-parser 설치 npm install cookie-parser 2) 미들웨어 추가 // app.js const cookieParser = require('cookie-parser'); const checkCookie = require('./lib/checkCookie.js'); ... app.use(cookieParser()); app.use(checkCookie.checkDarkMode); ... // ./lib/checkCookie.js..
2023.08.08