이번주도 역시 스프링 백엔드 분들과 함께 협업을 하여 클론 코딩 프로젝트를 진행했다. 이번 프로젝트에서는 당근마켓 웹페이지에 회원가입과 로그인 기능을 추가하고, 판매글을 crud 할 수 있도록 만들었다.
내가 사용한 기술 정리
1. JWT 토큰을 이용한 로그인(로컬 스토리지 사용)
첫 로그인, 회원가입 기능에 도전했다. 리덕스에 initial state에 is_login을 false로 주고 로컬 스토리지에 토큰이 저장되어 있는지 유무를 파악하여 로그인이 되었는지 안되었는지를 구분하는 방식으로 구현했다.
하지만 처음 발급받은 토큰의 유효기간이 지나면 refresh 토큰을 서버에 보내줘서 교체를 해줘야 한다고 한다. 다음에 처음 받은 토큰의 유효기간만큼 set time out 을 줘서 시간이 다되면 refresh 토큰을 주고 서버에서 다시 토큰을 받아 원래 토큰을 지우고 교체해주는 방식으로 구현해보아야겠다.
- 소셜로그인
카카오를 예시로 들면, 프론트에서 카카오에 인가코드를 요청하고, 그 인가코드를 백엔드에 보내주면, 백에서 인가코드를 통해 카카오에서 토큰과 필요한 유저 정보를 받고, 프론트에 새로 자체적으로 발급한 토큰과 유저정보를 response로 주는 방식으로 구현한다고 배웠다.
느낀점
1. 협업을 진행하며 느낀점
지난주 스프링에서 api가 너무 늦게 나오거나 로그인 회원가입에서 많은 어려움을 겪었다고 많이 들어서 걱정을 했었는데, 이번에 팀이 된 스프링 분들은 걱정과는 전혀 다르게 엄청 빨리 api를 주시고 문제도 생각했던 것보다 많이 발생하지 않아 감사했다.
