본문 바로가기

React2

[JWT] 클라이언트 쪽에서 JWT 사용 - React / Redux 프로젝트 소중해를 진행시켜 나가면서, 이제 인증을 JWT를 사용해 할 시간이 되었다. HS님께서 전달해주신 React/Redux 기반의 프론트엔드 시스템에서, 어떻게 JWT를 사용하는 지 보여주는 유툽 비디오 내용을 기록하려 한다. 출처 - www.youtube.com/watch?v=FyyPUIAe6kc 내용 정리 1. JWT를 서버에서 받고 로컬에 저장하기 - /api/auth에 로그인 데이터를 POST 해주면 JWT 정보를 가진 프로미스가 반환된다는 전제 하에 다음과 같은 action 생성 - LogInForm에서는 위의 액션을 추출해 사용 - 이후 로그인을 하고, 로그인 정보가 맞다면, 우리가 deconstruct한 token이 'jwtToken'이라는 key로 local storage에 저장된 것.. 2021. 4. 20.
[그룹 스터디 프로젝트] 개발일지 - Kick-off meeting 운좋게도 OKKY를 통해 연결된 다른 세 분의 현직/예비 개발자분들과 함께, 토이 프로젝트를 진행하기로 했다. (감사 감사) 나는 프론트로 배정! 리액트 기술을 사용해볼 것이다. 회의록 회의1 (20210330)기획 설명. 기간: 3~4주 계획 우선 기획안에 있는 기능 구현 후 나머지 아이디어에 올라온 기능 중 골라서 추가하는 방향으로 갈 예정. F HS님 리딩, HR님 hook /styled-componets / yarn / Context API Redux B HY님 리딩, SH님 Spring-boot / MariaDB / JPA / AWS >네이버 클라우드 플랫폼 Gradle 기반 자바 프로젝트 Github 1repo안에 2개의 client폴더와 server폴더로 분리해서 유지 프론트 기술 선택의 이.. 2021. 3. 31.