JWT2 토큰 유무에 따라 로그인/로그아웃 구현하기 프로젝트를 시작하기 전 로그인/회원가입을 백엔드와 함께 구현해보았지만 백엔드에서도 jwt 토큰 발급을 제대로 구현해보지 못해 토큰 관리는 이번 프로젝트에서 처음 해보았다. 그래서 이번 포스팅에는 토큰 관리와 그에 따른 ui가 바뀌는 것에 대해 이야기해보려고 한다. response로 오는 token을 localstorage에 저장하기 백엔드에게 post method로 로그인 페이지에서 email과 password를 보내면 백엔드 쪽에서 회원가입이 되어있는 사람이라면 로그인 성공 메세지와 함께 jwt 토큰을 보내준다. 이 때 개발자에 따라서 status code 또는 메세지 또는 두개 다 없이 토큰만 보내줄 수도 있다. 토큰이 localstorage에 들어오면 로그인이 된 상태로 유지된다. login.js .. 2023. 7. 15. fetch 메소드로 백엔드랑 소통하기 이번주 fetch 함수를 배우고 mock 데이터와 상수 데이터를 만들어서 적용해보는 과제를 해보았는데 백엔드와의 직접적인 소통은 생각보다 어려웠다... 그리고 아직도 리액트가 적응이 안돼서 이게 되네...? 하고 있는 중이라 더 어려웠다. 바닐라자바스크립트로 할 때는 DOM을 직접 조작해야해서 뭔가 꼬고 또 꼬아 다가가는 느낌이었는데 리액트는 그냥 inputValue의 name 값을 가져오면 된다니...! 아직도 적응이 안된다. 리액트로 첨부터 배웠으면 더 쉽게 생각할 수 있었을까 하는 생각도 든다. fetch 함수의 첫번째 인자는 백엔드에게 받는 API 주소이며 두번째는 옵션객체이다. 옵션 객체 안에 method가 GET이라면 옵션객체 전체가 생략 가능하다. 오늘은 로그인과 회원가입 기능이기때문에 PO.. 2023. 6. 22. 이전 1 다음
