[기술 스택]
Web:
Vite, Typescript, React, Jotai, Scss, React-Query, turf
[특징]
FE Developer
구글 지도를 주로 하여 사용자가 자유롭게 여정을 만들 수 있도록 제공하는 서비스 입니다.
현재 위치 기반으로하여 주변의 장소들을 파악할 수 있고, 출발지 / 목적지 / 경유지를 자유롭게 설정이 가능합니다.
MVP 모델 개발은 어쩔 수 없이 기획 및 디자인에 구멍이 많을 수 밖에 없고, 시간 또한 촉박하였습니다.
여러 프로젝트를 진행하며 기획 및 디자인에 대한 조언을 드리고, 같이 논의한 경험이 많기에 이번 프로젝트 또한 조언을 드리거나 같이 논의하며 진행하였습니다.
재계약 기간을 포함한 약 두 달 가량의 기간동안 최대한 큰 이슈 없이 유지보수가 쉽도록, 빠르게 진행하였으며 BE 개발자분에게 서비스 개발에 필요한 지식들 또한 공유드렸습니다.
구글 지도 최적화가 제일 큰 중점 기능이었습니다.
web에서 구현하는 지도는 대부분이 event 기반이기에, react 프로젝트임에도 불구하고 EventEmitter 를 사용하여 최대한 state 사용을 피하는 방식을 채택하였습니다.
그에 따른 불가피한 리렌더링을 방지할 수 있었으며, 지도 기능을 모듈화하여 손쉽게 사용할 수 있도록 제작하였습니다.
B2C 프로젝트이기에 마케팅, 데이터 스크립트 또한 추가하였습니다.
Meta 광고관리자, 구글 애즈, 채널톡, GTM, GA4, Amplitude, Clarity를 사용하였습니다.
단지 스크립트 및 기능 구현 뿐만 아니라 전체적인 프로젝트 설정 또한 같이 진행하였습니다.