Final project (Day8)

오늘 한일

카카오 로그인 성공

오늘 어제 못한 카카오 로그인에 성공했다. 정석 방법대로 한건 아니지만 npm에 React-kakao-Login이라는 라이브러리가 있길래 그걸 사용해봤는데 정말 편하게 토큰 주고받는 거와 데이터 받아오는 거까지 해주었다. 덕분에 서버에서 소셜 처리를 안 해도 됐다.

로그인시 로그인버튼 변경

로그인 시 로그인 버튼이 그대로 있으면 안 되기 때문에 로그인을 했을 경우 로그인을 한 유저의 카카오톡 프로필 사진으로 변경되게 하였고 그 프로필 사진을 눌렀을 경우 dropdown으로 로그아웃과 회원 탈퇴가 나오게 하였다.
프로필 사진이 없는 유저는 사진이 깨져버리던데 이럴 경우를 대비해야겠다.

Nav바 버튼 연결

이제 웬만한 페이지가 완성되어서 nav 바와 상호작용할 수 있도록 연결해 주었다. 별로 어려운 작업이 아니라 리액트 라우터를 사용해서 작업했다.

가계 작성페이지

오늘 팀원이 맡은 가계 페이지를 도와주었다. 사실 이 페이지도 핵심 페이지 중 하나이기 때문에 손이 많이 가는 페이지였다. 아직 끝내진 못했지만 어느 정도 틀은 잡힌 거 같다.

마지막

내일부터 3월 1일까지 3일간 주말인데 이번 주말에는 따로 더 하지는 않고 지금까지 작성한 코드들을 리팩토링하고 모듈화를 시킬 예정이다.
오늘 지금까지 작성한 페이지에 들어가 보니 너무 복잡한 거 같아서 다른 데로 뺄 수 있는 함수 같은 것들은 따로 빼서 관리할 생각이다.