Login & Sign up
-
Localstorage란 (사용법 포함)Login & Sign up 2022. 8. 20. 11:56
로컬스토리지 특징/쿠키와의 차이점 로컬스토리지랑 쿠키도 유저의 정보를 기억한다는 점은 똑같습니다. 하지만 로컬스토리지는 쿠키보다 더욱 영구적인면을 갖고있습니다. 1.로컬스토리지는 브라우저를 닫아도 데이터가 살아있다. 2.쿠키처럼 자동으로 http header에 담아서 응답하지않는다. 3. 5MB로 용량이 더 크다 로컬스토리지 사용법 localStorage.setItem(name,data)//첫번째 인자에 이름을 넣고 두번째 인자에는 data를 넣습니다. localStorage.getItem(name)//스토리지 data를 가져옵니다. 이렇게 해두고 브라우저를 끄고 다시 localstorage를 보시면 데이터가 살아있는걸 볼수있습니다. 커뮤니티에서 로그인하지않고 닉네임과 패스워드가 저장된것들은 이렇게 로컬..
-
[Node.js] JWT 로그인 상태 관리하기 (express , react)Login & Sign up/JWT 2022. 3. 24. 21:53
[Node.js] JWT 로그인 상태 관리하기 (express , react) jwt를 사용해서 로그인이 되어있으면 "안녕하세요"를 띄워주고 로그인이 되어있지않으면 로그인 폼을 띄워주도록하겠습니다. GitHub - auth0/node-jsonwebtoken: JsonWebToken implementation for node.js http://self-issued.info/docs/draft-ietf-oauth-json-web JsonWebToken implementation for node.js http://self-issued.info/docs/draft-ietf-oauth-json-web-token.html - GitHub - auth0/node-jsonwebtoken: JsonWebToken imp..
-
[Mysql] (Mac) Mysql설치 , 회원가입 테이블 생성해보기Login & Sign up/SQl 2022. 3. 4. 04:12
[Mysql] (Mac) Mysql설치 ,기초문법 Mysql Gui Homebrew를 사용해서 mysql를 설치해보고 Mysql를 편하게 사용할수있게 해주는 GUI툴들도 사용해보겠습니다. 설치 MySQL :: Download MySQL Community Server Select Operating System: Select Operating System… Microsoft Windows Ubuntu Linux Debian Linux SUSE Linux Enterprise Server Red Hat Enterprise Linux / Oracle Linux Fedora Linux - Generic Oracle Solaris macOS Source Code Select OS Version: All Windows..
-
[Express] Cookie(로그인상태 관리 ,Cookie-parser)Login & Sign up/Cookie & Session 2022. 1. 29. 01:25
[Express] Cookie(로그인 상태 관리 , Cookie-parser) https://opentutorials.org/course/3387 Node.js - 쿠키와 인증 - 생활코딩 수업소개 이 수업은 웹서버의 정보를 웹브라우저에 저장해서 개인화, 인증, 사용자 추적 등의 기능을 구현할 수 있도록 해주는 쿠키(cookie)를 알려드리는 수업입니다. 또 인증 기능을 구현하는 opentutorials.org 이 글을 생활코딩 쿠키와 인증 강의를 기반으로 하고 있습니다. 로그인/회원가입 인증을 구현하다 보면 새로 고침을 했을 때 로그인을 하고 나서 새로 고침을 해버렸을 때 초기화가 돼버리는 현상을 해결하고자 Cookie와 Session을 사용할 수 있습니다. Cookie와 Session을 모른다면 이글..
-
Cookie와 Session 개념 / 사용하는 이유Login & Sign up/Cookie & Session 2022. 1. 26. 00:37
Cookie와 Session을 사용하는 이유 쿠키와 세션을 사용하는 이유를 알려면 일단 HTTP의 특성을 알아야 합니다. Connectionless 클라리언트의 요청을 받고 응답을 마치면 연결을 끊어버립니다. stateless 연결이 종료되면 이전에 연결했던 사용자의 정보를 저장하지 않습니다. 이런 특징들을 보완하기 위해 사용하는 게 쿠키와 세션입니다. 예를 들어 우리가 네이버에 로그인을 했다고 치면 네이버 뉴스를 들어가든 어딜 들어가 든 로그인이 유지되어있죠? 쿠키와 세션을 통해 로그인을 유지할 수 있습니다. 하지만 사용하지 않는다면 stateless특성 때문에 유저의 Auth(인증)이 필요할때마다 로그인을 여러 번 해야겠죠? 엄청 불편할 겁니다. 쿠키란? 쿠키란 어떤 정보가 담겨있는 작은 데이터입니..