과제 링크

우준호: https://github.com/noggong/sp_login/

주민석: https://github.com/MinseokJoo/sparta_prac_login

조봉진:https://github.com/burno28/elite_login

유희선:https://github.com/popoo9910/sparta_loginex/tree/master

이지영: https://github.com/easy2jiyoung/221229_sparta-login

한줄 정리

쿠키를 보내고 받는것은 요청 / 응답 헤더의 Cookie / Set-Cookie 에 의해 이뤄진다. 이건 브라우저와 서버의 약속이다!

정리

브라우저가 서버에게 쿠키를 주는 방법

• 요청 헤더 (request header) 에 Cookie 라는 값에 넣어 주면 서버는 쿠키를 가져올수 있다.
• 그러므로 썬더 클라이언트 등에서 header 에 Cookie 설정을 하면 서버는 쿠키를 받을 수 있다

요청 헤더 예시 (브라우저 → 속성 → 네트워크 → 요청 선택)

브라우저 저장된 쿠키 예시 (브라우저 → 속성 → 어플리케이션 → 쿠키)

서버에서 쿠키를 가져오는 법

#cookie parser 설치
npm install cookie-parser

#cookie-parser 가져오기
const cookieParser = require('cookie-parser')

# 앱에서 cookie-parser 사용 선언하기
app.use(cookieParser())

app.get('/users', (req, res) => {
    // 브라우저가 보낸 쿠키를 문자열로 그대로 받는다
		console.log(req.headers.cookie)

    // cookie-parser 가 header 의 cookie 를 분석하여 사용하기 쉽게 오브젝트로 만들어 준다.
    // req.cookies.userId 이런식으로 쓸수 있다 오브젝트 이므로, 단 대쉬(-) 포함된 키라서 괄호에 이름을 넣어서 가져왔다.
    const id = req.cookies["user-id"]
})

서버가 브라우저에게 쿠키를 저장하라고 명령하는 법