Completed🎉

배포

깃허브

• 리팩토링
  • Recoil코드, React-Query 코드
• PWA 적용
  • 모바일 최적화, 반응형 구현

배포

유저 주변 신호 정보 제공

지도로 움직일 때, 지도 중심 2km반경 신호 정보 제공

PWA 적용

Problems 🧗

React-Query로 fetch 최적화

• 처음 무조건 90초마다 호출했지만, API가 불안정한 경우나 주변 정보가 없을 때는 지속적인 refetch가 불필요하다.
• refetchInterval을 state값으로 설정해두고, data가 없는 경우 false로 변경해서 상황에 맞는 refetch하도록 했다.

반응형 적용 및 PWA

• 배포를 하고 모바일로 확인했을 떄, List component 글자들이 겹쳐보였다.
• 반응형에 맞게 root font-size 적용해두고, media min-width 마다 font-size다르게 설정한 뒤, px값들 모두 rem으로 변경
• PWA 적용을 조건들 찾아보고 설정한뒤 Light house 개발자 도구를 이용해서 검사했지만 계속 조건 통과를 못했다.
• next-pwa가 업데이트된 이후 next.config에서 설정하는 방식이 바뀌어서 공식문서 읽고 해결

프로젝트 회고📔

개발 공부하기 전부터 이런 서비스 있었으면 좋겠다고 생각했었는데, 공부를 시작하고는 API가 존재하지 않았고, API가 제공될때는 나에게 여유가 없었다.

여러가지 일정들과 할일들이 있었지만, 잠깐 다 멈추고 3.5일동안 온전히 걷다 프로젝트에 몰입했다.

정말 시간이 어떻게 가는지 모르고 하루하루 매일 새벽까지 개발했고, 너무 즐거웠다.
하나하나 구현될때, 지도에 나타날때, 계속 문제 고민하고 해결하고 반복이었다.
내가 어떤 상황에서 가장 몰입하고 즐겁게 개발할 수 있는지 다시 한번 확인할 수 있는 시간이었다.

최근 취업을 준비하면서 불안하기도하고 초조하기도 했었는데, 온전히 몰입한 이 시간으로 다시 힘과 자신감을 얻고 평화를 얻었다.

처음 시작할때는 얼마나 완성시킬 수 있을지 걱정했지만, 내가 목표한 것 만큼 구현해내서 이전보다 더 성장함을 느꼈다.

프로젝트를 하면서 얻고 싶었던 것들이 3가지 있었다.

1. 예전부터 만들고 싶었던 서비스 구현과 지속적인 서비스 관리 및 개선
2. 새로운 기술을 이해하고 사용하는 데 얼마나 걸릴까? 이전보다 얼마나 성장했을까?
3. 3.5일동안 완전한 몰입

3가지 모두 확인하고 얻은 것 같다.

마지막으로 여러가지로 불안하고 초조했지만, 이번 몰입으로 내가 어떤 서비스를 좋아하고 개발하고 싶은지 더 몰입할 수 있는지 확실하게 알게 됐고, 취업을 하는 과정에서도 얻은 결과들을 생각하자.
또 극한의 효율을 추구하는 사람이나 T형 인간 등 불특정 다수에게 도움이 되는 서비스를 제공하기위해서 꾸준히 서비스를 관리하고 개선해나가자!

마무리로 가장 좋아하고, 한번 더 공감하게 된 말로 마무리하자.

나홀로 추커톤 성공!
다시 화이팅!