프로젝트 바운스를 마무리하며

프로젝트를 마치며

좋은 팀원들 덕에 진행 기간 동안 꽤 즐겁게 작업했던 프로젝트 바운스가 오늘 발표를 끝으로 마무리되었다.

우리가 할 수 있는 범위 안에서 만족스러운 퀄리티의 프로젝트를 완성한 것 같다.

우리 프로젝트 레포지토리는 이쪽!

https://github.com/kimwonjuun/no-sunday

GitHub - kimwonjuun/no-sunday: I really want to rest on sunday.

이번 프로젝트도 좋았던 부분과 피드백을 바탕으로 개인적으로 아쉬웠던 부분을 회고해 본다.

 

 

 

아쉬웠던 점

공통 모달을 적용하지 못한 점

공통적으로 사용하는 모달창을 만들고 싶었는데 내가 뭔가 어렵게 생각했던 것인지???...

커스텀 훅으로 모달 관련된 부분을 빼서 사용할 수 있지 않을까 싶었지만 마음처럼 되지 않아 성공하지 못했다.

커스텀 모달이 구현된 다른 팀들의 코드를 한번 분석해 봐야겠다는 생각이 들었다. 🤔

alert 그만 쓰고 싶다!!!

 

상세페이지 링크

우리 프로젝트는 유튜브 API를 이용했기 때문에

페이지의 depth가 깊어질 때마다 관련된 props들이 필요한 상태이다.

구성을 무언가 잘못한 것인지!.. 🤔

소셜공유 기능 시의 url이나 마이페이지에서 유저가 작성하거나 좋아요 한 댓글 영상으로 가려하면 빈 화면이 뜨는 문제가 있다. 

props가 전달되지 않아서인데.. 근본적인 문제를 해결할 수 있는지?... 내일 튜터님께 가볼 예정!..

현재 상태 ㅠ

 

+++

튜터님께 질문한 결과 최종 프로젝트를 앞두고 있는 현재로서는 꽤나 대공사가 될 듯...

일단 해결방안을 이슈로 달아두었다. 궁금했던 부분이 풀려 시원..

https://github.com/kimwonjuun/no-sunday/issues/55

편-안

 

 

 

 

로그인, 회원가입 검증

유효성 검사할 때 텍스트로 현재 입력값이 유효성에 맞는지 보여주는 부분을 나중에 구현해야지.. 싶었는데,

프로젝트 완성에 있어서 다른 기능들이 우선되다 보니 잊혔던 것 같다.

어렵지 않게 추가할 수 있을 것 같아서 도전해볼까 싶다.

 

 

좋았던 점

세션스토리지로 로그인 상태 유지.

이전에 글을 썼다시피, 로그인 시 헤더를 유지하거나 이후에 마이페이지 새로고침 시 유저 정보와 데이터를 유지하는 것이 필요했다.

이번에는 파이어베이스의 setPersistence라는 메서드를 통해서 유저의 정보를 세션스토리지에 저장하는 방식을 선택했는데,

모든 것은 currentUser가 null이었던 것으로부터 시작되었다.

 

왜 null 값이 먼저 나오느냐!.. firebase의 currentUser를 받아오는 로직이 아직 실행이 되지 않았기 때문이었다.

 

 

커스텀 훅 사용

지난 프로젝트 때 아쉬웠던 부분이었던 커스텀 훅 사용을 이번엔 했다!.. 비록 한 개이긴 하지만 😇

회원가입 관련 로직들을 따로 분리하여 써보니 재사용성이나, 관리하는 측면에서도 훨씬 좋다는 것을 느꼈다.

최종 프로젝트에서도 적극적으로 활용할 수 있도록 해봐야지!

 

PR 승인

이번에 PR을 팀원들로부터 승인하고 merge 하는 방식의 협업을 처음 해보았는데, 다 같이 코드를 훑어볼 수 있는 시간이 되어 좋았던 것 같다.

내 PR을 승인해준 팀원들!~

 

 

개인적인 KPT 회고

Keep

• 코드 컨벤션 설정 등 협업 규칙을 사전 협의한 부분.
• 좋은 분위기 속에서 서로의 어려움을 도울 수 있는 소통 분위기
• pr 시 팀원 1~2명 이상 승인 후 merge 된 부분
• 각자 도전해보고 싶었던 기능 분배하여 구현한 부분.

 

Problem

• 익숙하지 않은 타입스크립트 적용.. 전반적으로 알맞은 타입을 적용하기보다 any가 많았다.
• 생각보다 많은 youtube api key를 생성하여 사용하게 됨
• toolkit 이 익숙하지 않아 타입 스크립트로 redux-thunk 리팩토링 하는 부분이 어려웠음.
• 상세페이지 링크를 다른 경로에서 타고 들어갈 때 빈 화면이 되는 부분..
• 최적화 진행을 많이 하지 못함

 

Try

• 상세페이지 링크는 튜터님의 도움을 받아보자
• 타입스크립트를 좀 더 공부하여 any 타입 적용을 최소화하자
• api 사용 및 컴포넌트 최적화를 적용해 보자
• 반응형 UI를 생각보다 더 고려하자