![Featured image for [Express] Passport.js 자격 확인](https://tired-i.com/wp-content/uploads/2026/01/express-passpor-image.png)
0. 출처 passport.js 자격확인 – 생활코딩 passport-local Local username and password authentication strategy for Passport. https://dc-choi.tistory.com/47 1. 자격확인 기존에 로그인 요청을 처리하는 코드다. 해당 부분을 passport를 통해서 처리하도록 수정한다. 2. passport.authenticate() 가. authenticate() passport.authenticate()의 reference다. 우선 URL에 따라서 알맞은 로그인 strategy를 선택한다. (string 혹은 string[]) 로그인 요청의 결과가 성공인지 실패인지에 따라서 추가적인 동작을 수행한다. 추가적인 … 더 읽기
0. 출처 passport.js 설치 – 생활코딩 passport-local Local username and password authentication strategy for Passport. 1. Strategy 선택 사용할 Strategy를 검색해서 찾는다. Passport.js Simple, unobtrusive authentication for Node.js 2. Passport.js 설치하기 구글, 페이스북, 카카오톡 등으로 로그인하는 것은 추후에 시도해 보고 이번에는 정통적으로 사용해 온 아이디와 비밀번호로 로그인하는 것을 Passport.js로 구현해보겠다. passport와 사용할 strategy를 설치한다. 대부분의 … 더 읽기
![Featured image for [Express] Session으로 인증 구현하기_2](https://tired-i.com/wp-content/uploads/2026/01/express-session-image.png)
0. 출처 express-session을 이용한 인증구현 – 생활코딩 오픈튜토리얼 생활코딩 참고. 1. UI 반영 로그인 상태에 따라서 다른 authStatusUI를 생성함. html에 req.authStatusUI를 추가한다. 모든 get method에 auth.statusUI 미들웨어를 추가한다. login 상태 logout 상태 세션 데이터를 읽어서 로그인한 상태인지 확인한다. 로그인한 경우 닉네임과 logout 링크를 보여준다. 로그인하지 않은 경우는 login 링크를 보여준다. 2. 로그아웃 logout 링크를 클릭하면 … 더 읽기
![Featured image for [Express] Session으로 인증 구현하기_1](https://tired-i.com/wp-content/uploads/2026/01/express-session-image-3.png)
0. 출처 express-session을 이용한 인증구현 – 생활코딩 오픈튜토리얼 생활코딩 참고. 1. 목표 세션을 활용해서 로그인 기능을 구현한다. 당장은 다중 사용자를 고려하기보단, 하나의 ID, Password만 사용해서 로그인하는 것을 가정한다. 단일 사용자 환경에서 인증, 인가를 모두 구현한 다음, 추후 다중 사용자 환경에서도 동작하도록 확장할 계획이다. 2. 인증 기능 구현 가. 링크 추가 day (혹은 night) 버튼 옆에 … 더 읽기
![Featured image for [Express] Session이란?](https://tired-i.com/wp-content/uploads/2026/01/express-session-image-16.png)
1. 세션 앞서 쿠키를 사용해서 인증을 구현하면 생기는 문제점에 대하여 알아보았다. 쿠키를 통해서 인증 기능을 구현하면 민감한 개인 정보를 쿠키에 저장해야 하는 심각한 보안 문제가 발생한다. 그래서 이번 기회를 빌어 인증 기능을 구현하기 위햇 많이 사용하는 ‘세션’에 대하여 공부해 보겠다. 가. 세션이란? 세션(session)은 컴퓨터 과학에서, 특히 네트워크 분야에서 반영구적이고 상호작용적인 정보 교환을 전제하는 둘 … 더 읽기
![Featured image for [Express] 쿠키로 다크모드 구현](https://tired-i.com/wp-content/uploads/2026/01/express-image.png)
1. 쿠키를 활용해서 다크모드 구현하기 기존 페이지는 리로딩할 때마다 다크모드가 꺼지는 문제가 있었다. 그래서 다른 페이지로 이동하거나 리로딩해도 다크모드가 그대로 유지되도록 해보자. 가. 쿠키 생성 다크모드에 관한 정보를 저장하는 쿠키를 만든다. 1) cookie-parser 설치 2) 미들웨어 추가 cookieParser와 새로 만든 checkCookie.checkDarkMode 미들웨어를 추가한다. 사실 모든 요청마다 checkCookie.checkDarkMode가 필요한 것은 아니라서 http get method에만 동작하도록 수정한다. … 더 읽기
![Featured image for [Express] 보안](https://tired-i.com/wp-content/uploads/2026/01/express-image-1.gif)
0. 참고자료 보안 – 생활코딩 GitHub – helmetjs/helmet: Help secure Express apps with various HTTP headers Help secure Express apps with various HTTP headers – helmetjs/helmet 1. 보안 프로덕션 환경의 Express를 위한 보안 우수 사례 Express 애플리케이션을 프로덕션 환경에서 운영할 때 반드시 지켜야 할 중요한 보안 모범 사례를 알아봅니다. 여기에는 TLS 사용, 입력값 검증, 보안 … 더 읽기
![Featured image for [Express] 미들웨어와 라우터를 활용한 리팩터링](https://tired-i.com/wp-content/uploads/2026/01/express-image-10.png)
0. 참고자료 라우터 – 생활코딩 1. 개선 방안 2. URL 수정하기 url 수정 · ramen4598/Study_nodeJS@a67dc74 덕분에 app.js는 엄청 단순해졌다. 3. Ready 클래스 수정 refactoring : topic.js, index.js, template.js · ramen4598/Study_nodeJS@a6f23f8 예전과 비교해서 많이 단순해졌다.
![Featured image for [Express] 오류 처리](https://tired-i.com/wp-content/uploads/2026/01/express-image.gif)
0. 참고자료 에러처리 – 생활코딩 Express 오류 처리 Express.js가 동기 및 비동기 코드에서 오류를 처리하는 방식을 이해하고, 애플리케이션에 맞는 사용자 정의 오류 처리 미들웨어를 구현하는 방법을 알아보세요. 1. 오류 처리 다른 미들웨어 함수와 동일한 방법으로 오류 처리 미들웨어 함수를 정의할 수 있지만, 오류 처리 함수는 3개가 아닌 4개의 인수, 즉 (err, req, res, next)를 갖는다는 … 더 읽기
![Featured image for [Express] 정적인 파일 서비스](https://tired-i.com/wp-content/uploads/2026/01/express-image-8-scaled.png)
0. 참고자료 정적인 파일의 서비스 – 생활코딩 Express에서 정적 파일 제공 Understand how to serve static files like images, CSS, and JavaScript in Express.js applications using the built-in ‘static’ middleware. 1. 정적인 파일 서비스 express를 사용하기 이전에는 정적인 파일을 서비스하기 어려웠다. url을 하나하나 파싱해서 style.css, 각종 javascript를 서비스했었다. express에서는 어떻게 처리하는지 살펴보았다. 이미지, CSS 파일 … 더 읽기
