이번주에 한 일

프로젝트

노션활용, 기획 및 와이어프레임

• 노션에 규칙 및 DB설계, API 명세서를 작성하였다.
• 아이템을 무엇으로 할 것인지 정하는데 꽤 오랜 시간이 걸렸다.
• 공공데이터 사이트에서 많은 것 중 유기동물과 반려견을 이어주는 프로젝트를 하면 좋겠다고 생각했고 조원들도 찬성해서 하기로 결정
• 와이어프레임은 진양님이 전체적으로 맡아주셨고 다른 조원들은 각자 페이지 기능을 정리하였다.

Navigation 스크린 구성

• 전체 Stack.Screen, Tabs.Screen 를 구현하고 useNavigation을 통한 뒤로가기 기능 구현
• 로그인, 로그아웃 시 로그인 페이지로 이동 구현

메인에서 라우트로 데이터 넘겨주기

• 메인페이지에서 API데이터를 useQuery로 받아서 저장해준다.
• 메인페이지에서 받은 데이터를 Params로 넘겨준다.
• 디테일페이지에서 받은 데이터를 알맞게 뿌려준다.

관심목록 기능 구현

• 메인페이지에서 클릭한 것을 파이어베이스에 추가하기 키-값 isLike: false, userId: 로그인 아이디를 추가해준다.
• 중복되서 추가되지 않도록 if문으로 조건을 준다.
• 디테일 페이지에서 하트표시를 누르면 isLike: !isLike 하게 해준다.
• isLike: true 이면 관심목록 페이지에 데이터가 나타나게 한다.

닉네임 변경, 로그아웃

• 닉네임이 변경되게 파이어스토어에서 제공하는 메서드를 사용해서 기능 구현
• 파이어베이스에서 제공하는 로그아웃 메서드로 기능 구현

느낀점

• 깃허브를 잘 활용하지 못해서 매우 애먹었다.
• 로그인과 비로그인일 때의 조건을 같이 줘야해서 처음 코드를 짤 때 잘 짜야 할 것 같다.
• 리액트 네이티브가 에러를 잡기 더 어렵다.