원티드 프리온보딩 FE 챌린지

12.4일

쿠키 / 로컬 스토리지 / 세션 스토리지
Context API vs Recoil

Q. 사용자인증 관련해서 로컬 스토리지에도 넣어도 되지 않나 싶었는데 httpOnly로 안정성을 위해서 쿠키에 넣는 걸까요?
A. 유저가 로컬에 영원히 인증 상태로 남을 수는 없음. 쿠키의 expires 라는 만료일시를 위해서 쿠키에 넣는 것. + httpOnly, secure를 이용해 안전성을 챙김.

주로 쓰는 쿠키 옵션!
httpOnly : true // XSS 방지
secure : true // HTTPS 만 허용
sameSite : 'strict' // CSRF 방지
path : '/' // 쿠키 사용 경로
domain '.example.com' // 쿠키 사용 도메인

로컬 - 테마, 언어 선택 같은 데 사용
세션 - 이번에 다시 보지 않기 로 사용

모달용 portal 컴포넌트
1. ssr 대응 :
mounted 상태를 통해 클라이언트 사이드 렌더링 보장 (하이드레이션 에러 해결)
document. body가 없는 서버 환경에서 오류 방지