오늘 한일
가계 그룹 선택 페이지 작성
카카오 로그인에 성공하고 로그인한 유저의 프로필 사진을 src로 준다는 것을 알게 된 뒤 그룹 선택 페이지에서 해당 그룹에 어떤 유저가 있는지 프로필 사진과 닉네임을 띄워주는 작업을 진행했다. 아직 서버와 연결이 안 돼서 내 프로필로만 하드 코딩했지만 이 부분은 서버와 연결된다면 쉽게 작업을 이어 할 수 있을 듯하다.
가계 그룹 선택 페이지를 작성하고 난 뒤 이쪽에서 그룹 생성을 진행하면 좀 더 유저가 간편하게 생성할 수 있다는 생각이 들어 팀원들과 상의 후 가계 그룹 선택 페이지에서 그룹을 생성할 수 있게 작업하였다.
GraphQL 쿼리문 전송 시도
이번에 GraphQL 쿼리문을 Apollo 같은 라이브러리를 사용해서 전달하는 게 아니라 기존 방식인 axios를 사용해서 전달하기로 했다.
이번에 쿼리문의 정상적으로 전송되는지 확인하기 위해 임시적으로 유저의 정보를 받아오는 쿼리 비문을 작성해서 보내보기로 했다.
이 부분은 어젯밤에 궁금해서 자기 전에 날려보았는데 cors 에러가 나와서 실패했었는데
오늘 서버에서 cors 에러를 해결하고 나니 잘못된 쿼리 문유라는 에러가 나왔다.
스택오버 플로에서 찾아보니 쿼리문을 인코딩해서 path에 실어서 보내보라는 글이 있어서 따라 해보니 정상적으로 쿼리문이 전송되고 데이터를 받아올 수 있었다.
하지만 문제가 생겼는데 다대다 테이블이 작동을 안 하는 문제였다.
이 부분은 우리가 다대다 테이블을 작성해 놓고 제대로 작동하는지 테스트를 안 해봐서 생긴 문제였던 것 같다. 작성해두고 테스트를 자주 해보는 습관을 가져야겠다는 생각이 들었다.
마지막
이제 대부분의 클라이언트 컴포넌트 작업은 마무리가 돼가는 게 보인다.
내일 팀원이 어려움을 겪고 있는 가계 작성 페이지를 같이 고민해 봐야겠다.
