Runky

Runky라는 운동 기록 공유 서비스를 개발하던 중, Next.js 환경에서 카카오 지도를 활용해야 하는 상황이 있었다. 공식 카카오 JavaScript SDK를 직접 사용하는 대신, React에 최적화된 react-kakao-maps-sdk 라이브러리를 활용해 구현을

Runky 프로젝트를 개발하면서 주간 운동 기록(거리, 시간, 페이스 등)을 시각화할 필요가 있었다. 이를 위해 차트 라이브러리를 도입했고, 디자이너가 요청한 디자인은 바(bar)의 끝 부분이 둥근 모서리(border-radius) 를 적용한 형태였다.공식 문서를 참고

runky 프로젝트를 진행하면서...axios로 통신을 구현하다가 통신 최적화와 코드 재활용을 위해 tanstackQuery를 사용하게 되었다.tanstackQuery에는 기존에 통신했던 값들을 저장해놨다가 사용자가 바로 화면에서 볼 수 있게 하고 뒤에서 통신을 시도해