이전에 로그인 API를 구현하고 이제는 컴포넌트들을 생성하여 API와 연결해줘 완성을 했다. 만드는 동안 발생했던 에러들과 내가 새로 알게된 것들과 함께 정리하는 시간을 갖아보려한다. 내가 공부한 로그인 방법의 API를 정리한 글에서 나와있듯이 데이터 입력 > 데이터 검토 > 유효성 검사(토큰확인) > 결과 와 같은 순서로 구성되어있으며, 위의 기능들을 하기 위한 장치들은 API에서 모두 만들어 놨으므로 이제는 이용하는 일만 남았다. 모듈에서는 액션, 액션생성함수, 리듀서, 초기State를 담아주고, 최상위 index에서는 store와 sagaMiddleware, localstorage를 관리해준다. 그리고 컨테이너에서 dispatch로 액션을 전달하여 State에 정보를 전달해준다. 데이터의 흐름은 페..
JWT
지난번 작업 이후 진행된 작업 1. register시 중복확인 기능 2. DB와 연결 3. MySQL2 라이브러리 사용 4. DB의 쿼리문을 Promise 방식으로 값 반환 5. env 환경변수 간단하게 적용 6. JWT 토큰 발급, 인증, 재발급 기능 구현 7. 로그아웃 기능 추가 위와 같은 작업을 했다. 와성된 코드를 보며 작업 당시 경험했던 어려움을 적어보겠다. 코드 modules/user.js import db from './db.js'; import bcrypt from 'bcrypt'; import jwt from 'jsonwebtoken'; // 비밀번호 생성 export const setPassword = async (password) => { const hash = await bcrypt..
