프론트엔드 팀은 회원가입, 로그인 페이지까지의 레이아웃을 미리 구현해오고, 백엔드 팀은 소셜 로그인 및 회원가입 과정을 미리 공부해오기로 하였다.
이번 4차 모임에서는 프론트엔드, 백엔드 팀이 각자 준비해온 것을 병합하여 로그인, 회원가입, 소셜 로그인 기능을 구현하는 것이 목표이다.
프론트엔드 팀의 팀원인 봉지수님과 서로 구현한 리액트 코드를 병합하였다. css 구현 스타일부터 리액트 패턴까지 조금씩 다른 부분이 많아서 조만간 통일해야할 것 같다.
위 사진들은 지수님께서 작성하신 레이아웃을 내가 작성한 레이아웃 코드와 병합한 모습이다.
추가로 소셜 로그인 기능을 백엔드 서버와 소통하며 진행하였다.
카카오 소셜로그인을 사용하여 인증 토큰을 백엔드 서버에서 받으면, 백엔드 서버에서는 JWT를 사용하여 암호화한 다음 유저 정보를 프론트엔드에게 넘겨주는 것까지 확인하였다.
결과적으로 백엔드는 프론트엔드에게 refresh token, access token을 넘겨 주는데, 각 token을 저장하는 방식과 쓰는 방식에 대해서 공부가 좀 더 필요해 보인다.
다음 스터디 모임까지 해당 부분을 공부해서 다음 모임에서는 JWT 방식을 사용한 회원 관리 기능을 완성해볼 생각이다.