[52] TIL 카카오로그인 FE랑 맞춰보기/ Pagination + 검색기능

 

 

1조 3조  ㅎ_ㅎ 우리다 잘됐으면 좋겠다

 

 

1. 어려웠던 부분 : 오늘 어제 구현했던 카카오로그인 기능과 로그인 회원가입 기능을 프론트엔드와 맞춰보았다. 역시나 여러군에데서 오류가 났는데 역시나 구글링을 통해 해결할 수 있었다. 그 중 카카오로그인과 관련된 오류는 redirect uri 설정을 맞춰주지 않아서 발생한 문제였다. 백엔드 코드에서  redirect 주소를 프론트 로컬서버로 바꿔주고 프론트엔드에서도 auth/kakao/callback?code=${code} 형식으로 백엔드 코드에 맞게 변경해 주니 해결이 되었다. 역시 구글링이 쵝오야 ! 

 

2. 느낀 점 : 클론프로젝트때 페이징처리와 검색기능을 구현본 경험이 있다보니 확실히 수월하게 맡은 부분을 끝낼 수 있었다. 처음 시도하는 것들은 항상 머리가 깨지지만, 그 과정 덕분에 다음이 수월해 지는 걸 다시한번 느낄 수 있는 하루였다. 그리고 오늘 아침 전체회의에서 디자이너분이 캐릭터 디자인을 몇개 보여주셨는데 귀여운데 멍청한게 딱 우리 프로젝트랑 맞는 이미지인 것 같아 기분 좋게 하루를 시작할 수 있었다. 모두가 열심히하는 팀을 만나서 감사하다 : )

 

3. 새로 알게 된 내용 : 웹소켓을 이용한 채팅기능 구현은 사실 백엔드에서 많이 해줄 부분이 없었다. 생각보다 스프링부트와 웹소켓 연결부분에 관련된 자료가 별로 없어서 많이 헤맸는데, WebSocketConfig 파일으 포함한 몇가지 파일만 추가해주면 프론트엔드에서 대부분의 기능을 구현해 주셨다. 이부분은 백엔드 파트를 다시 정리해서 블로그에 포스팅해야겠다! 

 

4. 셀프칭찬 (오늘 잘한 일) : 지난주에 했던 기능구현과 겹치는 부분이긴 했지만, 복습한다는 마음으로 다시 한번 기능구현에 성공한 나를 칭찬한다 ! 그리고 팀원들과 협업하는게 이렇게 수월할 줄이야 !! 우리 팀원들 다 칭찬합니다 ㅎㅎㅎ

 

5. 내일 할 일 : 현재 토큰만 리턴하고 있는 카카오로그인 반환타입에 유저 nickname 추가하기, 게임시작 API 구현

---

[오늘 공부한 부분] 

 

- 카카오로그인 오류해결

- 게임방 리스트 전체조회 페이징 처리 / 검색 기능 구현

- 웹소켓관련 공부