내일 배움 캠프 4기 TIL(23.01.30)

💡 프로젝트 회고

기술

• stack React recoil React Query Axios React Router Styled Components Typescript uuid React icon React Hook Form react-youtube react-cookie firebase json-server
  

모달창 전역 관리

• Recoil useRecoilState를 이용하여서 모달창의 ture false를 전역으로 사용하였다.
  

Git

• Branche 관리

  

  초기의 Branche를 생성하여서 기능별로 관리 하였고 기능 구현이 완료 된다면 pr을 보내 확인하고 merge하 였다.
  

배포

• Versel Git Hub 배포
  
• Glich json-server 배포
  

프로젝트 설명

프로젝트명 : YourRanking

• 유저가 유튜브 영상을 올리고, 좋아요를 누르고 순위를 확인할 수 있는 웹사이트입니다.
• 현재 가장 인기있는 영상과 최신영상을 시청할 수 있습니다.
• 유튜브 API를 활용한 TOP 10 영상을 시청할 수 있습니다.

S.A 노션 링크

S.A

배포 사이트

React App

프로젝트중 어려웠던것

• 로그인 계속 유지 하는 부분
• 메뉴 모달창 열릴시에 화면 fixed 하는 부분 / 모달창에 컴포넌트 위치

프로젝트 하면서 느낀점

Typescript를 사용하지 못한것 시간적 여유가 비교적 적음에도 완성된 결과가 좋았던점

💡 Keep

1. 체계적인 커밋과 브랜치 구조를 이용한 깔끔한 깃 관리.
2. 지속적인 소통으로 진행사항 확인.
3. 진행사항 확인 후 부족하고 어려운 부분 다같이 해결.
4. 서로의 코드 수정과 복습을 위한 세세한 주석.

💡 problem

1. 자주 일어나는 오류에 대한 해결방법 숙지하기.
2. 컴포넌트, API를 더 분리해 깔끔한 구조 만들기.
3. 배포 후 페이지 속도에 대해 고민해보고 해결 방법 찾기.

💡 try

1. typescript에 대해 공부 후 typescript도 활용하기.
2. react, reactquery에 대해 더 공부한 후 눈에 보이는 오류 해결보다 근본적으로 해결해보기.
3. 모바일까지 고려하여 완전한 반응형으로 만들어보기.
4. firebase, jsondb에 대해 공부 후 로그인,crud등 더 자유자재로 활용해보기.

💡 feel

신정근

좋은 팀원을 만나 편하게 마무리까지 온 것 같습니다. 문제없이 진행되는 이유중 큰 건 항상 소통이라고 생각하고 소통은 여러 팀을 만날 수록 더 중요하다고 생각되는 것 같습니다. 자칫하면 진행중에 막힐 수 있는 git관리도 모두 열심히 해주셔서 합치는 부분에 문제가 없었고 시간도 많이 뺏기지 않을 수 있었던 것 같네요. 🥳

배성완

비교적 짧은 시간에도 완벽하게 하신거 같아서 보기 너무 좋았고 마지막 프로젝트 전인 만큼 많이 에너지 충전하고 가는 시간이였으면 좋겠습니다.다들 수고 많으셨습니다

조성아

좋은 팀원분들 만나서 오류를 만나면 소통도 원활하게 잘 되어서 큰 막힘없이 잘 진행되었던 것 같습니다.
새로운 방법도 많이 얻어가고 같이 해결 해가면서 배운 경험들도 많아서 감사하고 최종 전에 힘낼 수 있도록 해주셔서 좋았습니다. 수고하셨습니다 👍

김승우

큰 문제없이 프로젝트를 잘 마무리한 것 같고 중간중간 소통이 원활하게 잘 되어서 오류같은 것도 빨리 해결 할 수 있었던 것 같습니다. 최종 프로젝트전에 여러방면으로 배울 점이 있었습니다.

이희경

좋은 팀원 분들과 소통이 원활하여 여유롭게 진행된 프로젝트 같습니다! 배울 점이 많았고, 간혹 에러가 발생하면 서로 피드백을 통해 에러를 해결했던 경험들이 뿌듯한 기억으로 남습니다.