오늘은 style 적용 등의 디자인적 요소들을 손보고 프로젝트를 거의 마무리했다. 또한 나는 개발보고서를 작성하는 역할을 맡아서 다른 팀원들로부터 의견이나 코드 프로세스 정리 같은 것들을 받아와서 자료를 작성했는데, 몇몇 것들은 나도 겪은 어려움이라 이해할 수 있었지만 대부분의 로직은 이해하기 힘들었다. 코드리딩 실력이 아직 부족하다는 것을 절절히 느꼈다.
오늘은 할 말은 거의 없고, 개발보고서를 작성하면서 정리한 자료들을 블로그에도 기록해두도록 하겠다.
내가 작성한 코드의 로직
프로젝트 수행 경과 -트러블슈팅 -로그인/회원가입
- 문제 : 프로젝트를 새로고침하면 자동으로 로그아웃이 되는 문제가 생겼다.
- 새로고침 시 isLogin 값을 포함한 온갖 상태값들이 초기화되기 때문에 일어난 문제였다.
- supabase.auth.onAuthStateChange를 이용하여 isLogin값을 관리하고 isLogin 값에 따라 로그인 시 필요한 값들을 가져올 수 있도록 로직을 구성했다.
- 위 함수는 서버와 통신하기 때문에 새로고침을 해도 정상적으로 로그인 정보를 가져올 수 있었다.
- 문제 : 프로젝트가 느리게 작동하고 데이터가 느리게 반영되었다.
- 유저데이터를 가져올 때 불필요하게 많은 정보를 가져왔기 때문이었다.
- supabse().from().select().eq()를 통해 반드시 필요한 값만 가져올 수 있도록 했다.
프로젝트 평가
9점
supabase auth를 잘 다루지 못해서 회원가입 부분에서 개선할 점이 남아있다. 하지만 전체적으로 잘 작동하고 있다고 생각한다.
느낀점
협업과정에서 내가 만들어야 하는 기능이 다른 사람들과 연계되는 경우를 이번에 처음 겪었는데 내가 짠 코드의 결과가 다른 곳에서 어떻게 출력되고 있는지 나로서는 확인하기가 어렵다보니 협업 시의 의사소통의 중요성을 크게 실감할 수 있었다.
'til' 카테고리의 다른 글
리액트 심화 1일 차 @강의 (0) | 2024.09.05 |
---|---|
뉴스 피드 팀프로젝트 6일 차(完) @프로젝트 회고 (2) | 2024.09.04 |
뉴스 피드 팀프로젝트 4일 차 @로그인 사용자 정보 핸들링, 회원 가입 기능, 리액트의 onKeyDown (2) | 2024.09.02 |
뉴스 피드 팀프로젝트 3일 차 @로그인/회원 가입 기능과 supabase auth, isLogin 페이지 접근 권한 (0) | 2024.08.30 |
뉴스 피드 팀프로젝트 2일 차 @로그인 기능 (0) | 2024.08.29 |