Leaflet 라이브러리를 활용한 WebMap

1.0 Version

https://youtu.be/ROdK0wPc3PA

 

2.0 Version

https://youtu.be/uPXC6DM55ek

 

회사 업무 상으로 작성했던 작품이다.

단순하게 말하자면,

사용자 입력에 따라서 현재 화면에 필요한 정보만을 최대한 추려서 DB에 Query를 던지고

실시간으로 전달받은 데이터들을 필요에 따라 가공을 거친 뒤에 사용자에게 보여준다.

 

처음에는 단순히 구현 자체가 문제였다.
팀에서는 물론이고 주변에서 Web 이나 Webmap 에 대해서 자세하게 아는 사람이 없었기 때문에... 사실상 대부분 검색을 통해서 해결했다.
( 나도 이 업무를 통해서 처음으로 JavaScript를 접했다. )

대략 6 ~ 7 개월 가량 개발을 진행했고, 현재는 단순한 버그나 최신 데이터 반영 업데이트만 진행하는 중이다.

어쩌다보니 데이터 가공부터 디자인 ( 초기 화면 애니메이션도 직접 만들었다. ), 배치, 성능 하나부터 열까지 혼자서 개발하였다.

재밌기도 했지만, 솔직히 클라이언트 개발자 진로에는 별로 필요없는 이력이 아니었나... 싶기도 하다.

수습 기간부터 시작했는데, 아직도 왜 나한테 이걸 맡겼는지 스스로도 잘 모르겠다.

그럭저럭 모양새가 나온 채로 마무리 할 수 있어서 만족하는 편이긴 하지만 아쉬움도 많이 남는 첫 프로젝트였다.