1. 인증 부분의 한계 민감한 정보를 클라이언트 쪽에 저장한다는 것은 위험하다. 또한 쿠키는 쉽게 탈취당할 수 있기 때문에 민감한 정보를 저장하는 것에 어울리지 않는다. 그렇기 때문에 요즘에는 인증을 구현하기 위해서 쿠키보다는 세션이나 JWT를 사용한다. 그중에서 세션을 사용하면 서버 측에서 사용자에 대한 정보를 안전하게 저장하고, 클라이언트에는 세션 ID만을 저장하여 보다 안전하다. 그 외에도 세션은 서버의 제어: 서버는 세션을 통해 사용자 데이터를 관리하고 특정 사용자에 대한 정보를 추적할 수 있습니다. 이를 통해 사용자별로 개인화된 경험을 제공할 수 있습니다. 유연성: 세션은 여러 가지 데이터 타입과 복잡한 데이터 구조를 저장할 수 있습니다. 이를 통해 다양한 기능을 구현할 수 있습니다. 만료 시간..

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..

0. 참고자료 Session 쿠키 VS Permanent 쿠키 - 생활코딩 수업소개 웹브라우저를 끄면 사라지는 휘발성 쿠키를 Session cookie라고 합니다. 웹브라우저를 꺼도 사라지지 않는 쿠키를 Permanent 쿠키라고 합니다. 둘의 차이점과 만드는 방법을 살펴보겠습니다. opentutorials.org 쿠키와 document.cookie ko.javascript.info 1. 쿠키의 종류 세션 쿠키 (Session cookie) : 웹브라우저를 끄면 사라지는 휘발성 쿠키 영구 쿠키 (Permanent cookie) : 웹브라우저를 꺼도 사라지지 않는 쿠키 2. 세션 쿠키 세션 쿠키를 만들기 위해서 별도로 해줄 건 없다. expires(유효 일자)나 max-age(만료 기간) 옵션이 지정되어있..

0. 참고자료 Node.js - 쿠키와 인증 - 생활코딩 수업소개 이 수업은 웹서버의 정보를 웹브라우저에 저장해서 개인화, 인증, 사용자 추적 등의 기능을 구현할 수 있도록 해주는 쿠키(cookie)를 알려드리는 수업입니다. 또 인증 기능을 구현하는 opentutorials.org 1. 쿠키? 쿠키는 사용자가 방문한 웹사이트에서 사용자의 브라우저에 전송하는 작은 텍스트 조각입니다. 쿠키가 있으면 웹사이트에서 사용자의 방문에 관한 정보를 기억하여 다음번에 사이트에 방문했을 때 번거로운 작업을 피하고 더 유용하게 사이트를 활용할 수 있습니다. 브라우저, 앱 또는 기기, 픽셀, 로컬 저장소를 식별하는 데 사용되는 고유 식별자 같은 기타 기술도 이 목적으로 사용될 수 있습니다… 쿠키의 등장은 웹의 개인화에 있어..