# cookies
[Challenge] 로그인 구현 lv.3
reactreact-router-domtypescriptCookieLocal StorageSession Storage사용자의 로그인 이후 로그아웃 혹은 로그인 만료까지의 시간세션방식 로그인사용자 로그인이 유효한 시간동안 서버에 세션아이디를 기록해두고 인증에 사용한다.간
브라우저 저장소
브라우저 저장소에 대해 설명 로컬스토리지, 세션스토리지, 쿠키 설명 로컬스토리지와 세션스토리지의 차이는 영구성이다 로컬스토리지의 데이터는 사용자가 지우지 않는 이상 계속 브라우저에 남아 있다 세션스토리지의 데이터는 윔도우나 브라우저 탭을 닫을 경우 제거 된다 지속적으로 필요한 데이너는 로컬 스토리지에 저장하고, 잠깐 동안 필요한 정보는 세션스토리지에 저...
main-프로젝트/로컬스토리지, 세션스토리지, 쿠키
Local Storage, Session Storage, Cookie가 있다server-side Storage와는 달리, JavaScript API를 통해 클라이언트에 정보를 저장하고 필요 시 가져다 쓸 수 있다. server-side Storage와 비교했을 때 정보
쿠키 / 세션 / 캐쉬
쿠키는 '유저' 본인이 가지고 다니는 데이터.쿠키를 이용해서 서버는 유저의 브라우저에 데이터를 전송시킬 수 있음.사이트를 이용하고 방문시 브라우저에 저장되는 내용들.유저가 브라우저 방문시 해당쿠키와 함께 서버에 요청을 보냄.쿠키는 인증뿐 아니라 다른 여러가지 정보도 저
Properties of Cookies and Environment file
String of text to sign the cookies. Verifies the browser got the cookies from OUR backend. Prevents session highjack.Shows the what kind of backend ga
User Authentication
middleware express-session send browser a cookie.Cookies: pieces of information that backend can give to the browser. A way of transporting and sendin
Day-23,26 권한분기(Diffing, Hydration, HOC vs HOF)
로그인을 하고 새로고침을 하는 순간 정보가 사라지는 이유는 결론부터 말하면 토큰을 변수에 담아놨기 때문에 새로고침을 하는 순간 초기화가 되면서 프론트엔드에서 html, css, js까지 전부 처음부터 받아와지기 때문에 토큰도 사라지게 된다.
Sessions and Cookies #02
세션이 모두 사라지게 된다. 왜냐하면 express가 세션을 메모리에 저장하고 있기 때문이다.그래서 서버를 재시작 할때 마다 세션이 사라지는 거다. 서버가 계속 잊어버리는거다.fake DB를 만들었을때처럼 세션도 그렇게 되고 있는거다. 나중에는 백엔드가 잊지 않도록
[토큰 기반 인증] OAuth / JWT / 웹 저장소
외부 서비스의 인증 및 권한 부여를 관리하는 프레임워크를 말한다.클라이언트와 서버 사이에 인증을 하면 서버가 access_token을 준다.클라이언트는 access_token을 이용해서 API 요청을 할 수 있다.서버는 API 요청을 받고, access_token을 가
local storage, session storage, cookies
local storage 영구적으로 저장. 껐다 켜도 남아있음 - 직접 삭제해야함 보안상 좋지는 않음 이렇게 local storage에 토큰 저장 에러 발생이유 프론트엔드 서버에서 프리렌더링하고 브라우져에 그려지게 되는데, 프리렌더링 할때는 웹에서 하는 것이 아니기 때문에 localStofage가 없어서 프리렌더링시 문제되는 코드를 방법 1. 여기는 ...
[Node JS] 로그인 회원가입 로그아웃 구현 #4 / 로그아웃 / 쿠키 토큰 삭제
JWT를 이용한 로그인까지 구현이 되었다면 로그아웃은 쉽게 구현할 수 있다.쿠키를 삭제해 주면 브라우저에 토큰이 사라지므로 더이상 서버에서 유저를 확인할 방법이 없어진다.로그인이 된 경우는 ejs파일에서만 다루므로 ejs파일에 아래처럼 로그아웃 버튼을 만든다.oncli
[Node.js + React.js] 브라우저에 쿠키 등록이 안되는 경우
요즘 슬랙클론 프로젝트에 프론트엔드 팀원으로 참여하고 있다.프론트는 React.js 백엔드는 Node.js와 Express로 개발하는 중인데,서버에서 쿠키를 정상적으로 보내지만(postman으로 확인), 크롬브라우저에는 쿠키가 저장되지 않는 경우가 발생했다.크롬 개발자
[JWT 토큰] Cookies vs Localstorage
팀원들과 로그인 구현에 대해 고민하며 JWT 토큰을 어디에 저장할지 의견이 나뉘었다. 지난번 로그인 방식에 대해 공부할 때 JWT vs Cookies&Seccsion 으로 구분하는 것으로 알고 있었기에 Cookies는 Session과 함께 사용하는 것이라고 생각을 했지
쿠키(Cookies), 세션(Sessions), 토큰(Token), JWT의 기본개념
서버의 응답에는 모든 데이터와 브라우저에서 찾던 페이지 정보가 있을텐데 그곳에는 브라우저에 저장하고자 하는 데이터나 정보가 있을 수 있다. 그 원하는 데이터나 정보를 쿠키를 이용해 서버는 유저의 브라우저에 데이터를 넣을 수 있다.브라우저에 쿠키를 저장한 후, 해당 웹사
[TIL] Day57- 인증/보안(2)
쿠키는 서버에서 클라이언트에 데이터를 저장하는 방법 중 하나쿠키를 이용한다는 것은 서버에서 클라이언트에 쿠키를 전송하는 것만 의미X, 클라이언트에서 서버로 쿠키를 전송하는 것도 포함서버 클라이언트에 데이터를 저장 할 수 있음Domain도메인은 https://w
[Web] 세션과 쿠키
세션과 쿠키는 사용자의 신원 또는 사용자의 정보를 저장하기 위한 수단이다. 로컬 컴퓨터가 아닌 브라우저에 저장된다. 아이디, 비밀번호를 저장할 때 주로 사용한다.로그인 상태 유지수정이 가능하다. 일반적으로 만료기간을 설정하고 개발한다. 만료기간 이후에 정보가 사라진다