지도 api와 길찾기 api를 활용한 약속장소 찾기 애플리케이션
24.02.15 - 24.06.03 총 3명(백엔드 2, 프론트엔드 1) 모든 프론트엔드 개발 담당
카카오맵 api를 활용해 출발지 검색 및 지역정보 검색
여러 출발지 입력 후 결과값으로 최적의 약속 장소 출력
약속장소에서 원하는 카테고리(카페, 음식점 등)의 플레이스 검색 후 출발지에서 플레이스까지의 길찾기 기능 제공
친구들과 약속을 잡을때마다 항상 어디서 만날지를 정할 때 의견차이가 있었습니다.
놀기 좋은 장소를 찾아도 한사람은 너무 멀어서 오기가 힘들거나, 중간 장소로 잡아도 막상 그 지역에 놀거리가 없어서 큰 의미가 없거나.
이런 불편함을 해소하고자 각자 출발지를 입력하면 최적의 약속장소를 찾아주는 애플리케이션을 개발하게 되었습니다.
React공부를 시작하고 처음으로 React를 이용해 프로젝트를 만들면서 React의 핵심 개념들과 서버와의 연결 방법(컴포넌트, state 및 상태관리, HTTP 요청 등)을 더 자세히 알게 된 계기가 되었습니다.
UI를 구성하면서 기본 CSS 대신에 TailwindCSS를 사용하면서 TailwindCSS의 장점 및 단점들에 대해서 알게 되었습니다.
상태관리를 구현할 때 Context API 또는 useState를 사용했으나 복잡한 상태관리시 한계를 느껴 Redux를 처음으로 공부하면서 복잡한 상태관리 관리 시의 Redux의 이점을 알게 되었습니다.
FE : Javascript, React, React-Query, Redux-toolkit, HTML/CSS, TailwindCSS, Kakao Map API
BE: Java, AWS S3
Install JavaScript Packages
npm install
Run Frontend Server
npm run dev