TIL - 13주차, 토요일

TIL 90일차 - 회원가입, 로그인, welcome 구현 ALL-DAY

무거운 눈을 비벼 끊다.

📅 오늘의 할 일

• 아침, 오전 : express로 인증 (로그인, 회원가입, 로그아웃, 토큰 생성 등) 로직 구성하기
  
• 서버 코드 작성 완료 후 리덕스 로직 구성하기
  
• 위에 두 과정이 다 완료되면 리액트 세부 컴포넌트 생성하기
  

🦄 Today’s Key

• (오전) : sequelize-cli 없이 modules 폴더에 직접 User 모델을 만들고 index.js 파일에서 sequelize db 객체와 연결해주었다.
• (낮) : express의 라우터 기능을 이용해서 각 주소에 맞는 요청을 처리하는 컨트롤러 함수를 작성했다. 사용자의 비밀번호는 데이터베이스에 저장할 때, crypto 패키지로 암호화 진행하였다. (14시 32분)
• (낮 ~ 오후) : 주소별 요청 처리가 원만하게 되는 것을 포스트맨으로 확인하고, 로그인/회원가입/로그아웃 관련 리덕스 로직을 작성하였다. redux-Thunk를 사용하여 axios로 보내는 요청의 비동기 액션을 처리할 수 있게 만들어 주었다. (~17시 28분)
  

  const logoutAPI = () => axios.post("http://localhost:8080/auth/logout");
  export const logout = () => (dispatch) => {
    return logoutAPI().then((result) => dispatch({ type: LOGOUT }));
  };
  

  
  

• (오후 ~) : 리액트 hook으로 리덕스 액션을 적용한 container 컴포넌트를 구축하고 있다. styled-components를 접목하고 있다.