✒️ Cookie HTTP 쿠키란, 서버가 사용자의 브라우저에 전송하는 작은 데이터 조각이다. 하나에 최대 4KB 까지 저장할 수 있다. 하나의 클라이언트에 최대 300개까지 저장이 가능하고, 하나의 도메인당 최대 20개의 값만 가질 수 있다. 브라우저는 데이터를 저장한 뒤 동일한 서버에 요청을 보낼 때 저장된 데이터를 요청 헤더에 동봉하여 전송한다. 주로 로그인 상태를 유지하는 세션 관리 혹은 사용자가 임의로 세팅한 옵션이나 테마 등을 저장하는데 쓰인다. 유저 인증에 쓰이는 JWT의 경우 Refresh Token 을 쿠키에 담아 보내는 경우가 대부분이다. (httpOnly, Secure 속성도 추가해서) 사용자가 다크 모드를 선택한 경우, 사이트 재방문 시 이전에 다크 모드를 설정했음을 인지하도록 쿠키..
✒️ Trouble-Shooting 사이드 프로젝트를 진행하던 중, 서버 개발자 분이 배포하신 서버로 리소스를 요청하였고, 정상적으로 네트워크 탭에 Set-Cookies 헤더와 Authorization 헤더가 담겨져서 온 것을 확인했다. 하지만 이후의 요청에 쿠키가 헤더에 담겨져서 전송되지 않았고, withCredentials 옵션을 true 로 설정해도 서버로부터 쿠키를 받아 요청을 보내고 값이 담기지 않는 문제가 발생하였다. 찾아보니 2020년 부터는 Chrome 에서 다른 출처 (Origin) 에서 온 쿠키, 즉 서드 파티 쿠키에 대해서는 오직 SameSite 쿠키의 값이 None 인 경우에만 쿠키의 전송을 허가한다는 추가적인 보안 규칙을 세웠다. SameSite 쿠키의 값을 None 으로 설정하려..
Nest의 특징 Nest는 nodejs 서버 애플리케이션을 구축하기 위한 프레임워크입니다. Nest는 서버 애플리케이션 개발시 필요한 많은 부분들을 기본적으로 제공하고 있습니다. Nest는 Express 기반으로 만들어졌습니다. Nest는Typescript를 사용합니다. javascript도 코딩이 가능합니다. Nest는 다음 요소를 포함합니다. OOP - 객체지향 프로그래밍 FP - Functional 프로그래밍 FRP - Functional React 프로그래밍 Nest는 외부 모듈을 자유롭게 이용할 수 있습니다. Nest는 unit 테스트와 e2e 테스트를 할 수 있는 툴을 제공합니다. Nest의 탄생 배경 최근 Nodejs로 인해 javascript를 이용한 풀스택(클라이언트+서버) 개발이 활발해..
