문미새 개발일지

브라우저의 데이터 저장 방식은 여러 가지가 있으며, 다음과 같은 형태로 구분할 수 있다.쿠키(Cookies)쿠키는 웹사이트가 사용자의 컴퓨터에 저장하는 작은 데이터 파일이며, 주로 사용자 인증, 세션 관리, 개인화된 설정 등을 위해 사용된다.특징보통 한 쿠키당 4kb 이내의 크기를 가진다.만료 날짜가 설정 가능하기 때문에, 만료 날짜가 지나면 자동으로 삭제된다.서버와 클라이언트 간에 전송이 가능하며 http로 요청할 때 자동으로 포함된다.세션 스토리지(Session Storage)세션 스토리지는 사용자가 웹 페이지를 열어둔 동안만 데이터를 저장하며, 페이지가 닫히면 데이터가 사라진다.특징세션 스토리지의 데이터는 브라우저 탭이 열려 있는 동안만 유지되며, 브라우저를 새로 시작하면 전부 날아간다.세션 스토리..

쿠키와 세션쿠키와 세션의 차이에 대해 설명해주세요.쿠키와 세션은 웹 개발에서 상태를 유지하기 위해 사용하는 두 가지 주요 기술이며, 서로 다른 방식으로 작동하기 때문에 각각의 특성과 용도가 다르다. 쿠키(Cookie)저장 위치쿠키는 클라이언트(사용자)의 웹 브라우저에 저장된다.데이터 저장 방식작은 텍스트 파일로 저장되며, 보통 4KB 정도의 크기로 제한된다.생명 주기쿠키는 설정된 유효 기간이 지나면 자동으로 삭제되며, 유효 기간을 설정하지 않으면 브라우저를 닫을 때 삭제된다.쿠키는 영구 쿠키와 세션 쿠키로 구분됩니다. 영구 쿠키는 유효 기간이 설정된 쿠키이며, 세션 쿠키는 브라우저가 닫힐 때까지 유지된다.보안쿠키는 클라이언트 측에 저장되기 때문에 보안에 취약할 수 있어 민감한 정보를 저장할 때는 주의가 ..

2일차에 JWT를 학습해서 로그인에 넣을 수 있게 코드를 짜고 JWT 토큰을 넣을 저장소를 정했다. http는 요청과 응답으로 진행되며 사이클이 끝나면 상태가 없기 때문에 매번 데이터를 가져올 필요없이 저장소에 데이터를 넣어 필요할 때 가져다 쓸 수 있게 개발되었다. ​ 저장소에는 웹 스토리지(로컬 스토리지, 세션 스토리지), 세션, 쿠키 가 있다. 웹 스토리지 공통 스토리지 종류에는 로컬과 세션이 있다. key와 value값으로 저장된다. 넉넉한 데이터 저장 용량이 있다. 문자열 외에 자바스크립트의 객체 저장이 가능하다 로컬 스토리지 로컬 스토리지는 데이터를 영구적으로 저장이 가능해 삭제하기 전까진 유지가 가능하다. 주로 자동 로그인에 사용한다. 세션 스토리지 세션 스토리지는 브라우저나 윈도우가 닫히면..