[FRONT] 네이버 로그인 테스트 & 사용자 정보 출력

[WHO-A-U]

네이버 로그인 테스트

1. 네이버 이미지 클릭시 동의하기 페이지로 전환 (resolve #99 )

네이버 로그인 테스트및 검증 완료

2.로그인 이후 로직과 예외처리 (resolve #105 )

a. 사용자 정보 받아오기 와 예외처리 로직 추가 2b994cb , f156c1d

• [x] 만료된(expired) token 에 대해서 예외처리 작성할것
• [x] 잘못된(invalid) token 에 대해서 예외처리 작성할것
• [x] token 이 있지만 유효하지 않았다면 로그아웃 되는 로직도 추가 할것

  만료된 토큰과 잘못된 토큰은 같이 처리하였음

  b. 로그아웃 로직 추가

• [x] cookie 를 flush 해준다
• [x] 전역상태의 토큰값(token state)과 사용자 값을 모두 null 로 처리한다

c. UI 처리 f841a70

로그인 성공후
사용자 정보가 있을경우 로그인 버튼이 아닌 사용자 정보와 로그아웃버튼이 생기도록 할것

로그인 전

로그인 후

3. Component 구조 변경 b86bc90

• 기존 utils 폴더안 LoginButton.js 삭제하고 component > map > user 에 오른쪽 상단에 표시할 정보들을 구성하였다
• kakaoMapUtils.js 삭제 => react-kakao-map-sdk 를 사용함으로 인해 마크업을 백틱으로 작성하는 스타일을 component 스타일로 작성한다 (현재는 foodList 안에 으로 존재함)