MANYKOREA
한국을 여행하는 외국인 관광객을 위한 종합 여행 가이드 앱과, 매거진·장소·이벤트 콘텐츠를 운영하는 관리자 웹을 함께 개발했습니다. 앱은 맞춤형 큐레이팅과 실시간 채팅을, 관리자 웹은 리치 텍스트 기반 콘텐츠 관리를 제공합니다.
한국을 방문하는 외국인 관광객들이 늘어나면서 현지 정보에 대한 수요가 증가했습니다. 단순한 정보 제공을 넘어 사용자가 직접 여행 계획을 세우고, 실시간으로 큐레이팅을 받을 수 있는 종합적인 여행 가이드 앱이 필요했습니다. 특히 MyMany 기능을 통해 사용자가 Many에 등록된 장소들을 날짜별로 모아 체계적인 여행 계획을 세울 수 있도록 지원하고자 했습니다.
[관리자 웹] 매거진·장소·이벤트 등 각기 다른 형태의 콘텐츠를 효율적으로 관리하고, 관리자가 쉽게 고품질 콘텐츠를 작성할 수 있는 통합 관리 시스템이 필요했습니다.
- 매거진을 통한 여행 팁, 추천 코스, 문화 정보 제공
- 음식점, 관광지, 쇼핑몰 등 다양한 카테고리의 장소 정보 제공
- 현재 진행 중인 이벤트 및 축제 정보 실시간 업데이트
- 지도에 핀으로 표시된 장소 클릭 시 상세 정보 제공
- MyMany 기능으로 날짜별 여행 계획 수립 지원
- Firebase 기반 실시간 큐레이팅 채팅 시스템
- [관리자 웹] Quill 기반 리치 텍스트 에디터로 매거진·장소·이벤트 콘텐츠 작성
- [관리자 웹] 이미지 압축·리사이징을 통한 효율적인 리소스 관리
- [관리자 웹] TypeScript 전면 도입으로 타입 안정성 확보
- 지도 핀 렌더링 알고리즘 최적화로 성능 3배 향상 (20fps → 60fps)
- Firebase를 활용한 실시간 채팅 시스템 구현 및 이벤트 기반 처리
- 이미지 로딩 및 캐싱 전략 최적화로 메모리 사용량 30% 절감
- MyMany 기능 개발로 사용자 맞춤형 여행 계획 수립 지원
- 메소드 채널 최적화를 통한 대용량 핀 렌더링 문제 해결
- [관리자 웹] Quill 라이브러리를 활용한 리치 텍스트 에디터 구현 및 커스터마이징
- [관리자 웹] 매거진·장소·이벤트별 특성에 맞는 맞춤형 편집 도구 개발
- [관리자 웹] JavaScript에서 TypeScript로 전면 리팩토링 주도
- [관리자 웹] 이미지 압축·리사이징 시스템 구현으로 서버 부하 감소
- 지도 렌더링 성능 3배 향상으로 사용자 경험 개선
- 메모리 사용량 30% 이상 절감
- 실시간 채팅 시스템으로 사용자-관리자 즉각적 소통 실현
- [관리자 웹] TypeScript 도입 후 런타임 에러 80% 감소
- [관리자 웹] 관리자 업무 효율성 향상 및 콘텐츠 품질 개선
Firebase를 활용한 실시간 채팅 시스템 구현을 통해 이벤트 기반 아키텍처에 대한 이해를 깊이 있게 학습했습니다. 특히 실시간성을 확보하기 위한 이벤트 처리 방식과 효율적인 데이터 동기화 방법을 익혔습니다.
지도에 많은 핀을 렌더링할 때 발생하는 성능 이슈를 해결하는 과정에서 Flutter의 메소드 채널 동작 방식에 대한 깊은 이해를 얻었습니다. 핀 렌더링 알고리즘을 개선하여 20fps에서 60fps로 프레임 레이트를 3배 향상시킴으로써, 대용량 데이터 시각화의 성능 최적화 기법을 습득했습니다.
또한 사진 용량이 증가하면서 발생한 메모리 사용량 급증 문제를 해결하기 위해 이미지 로딩 및 캐싱 전략을 최적화했습니다. 이를 통해 메모리 사용량을 30% 이상 절감하면서도 사용자 경험을 유지하는 방법을 학습했으며, 모바일 앱에서의 효율적인 리소스 관리의 중요성을 체감했습니다.
[관리자 웹] Quill 라이브러리로 리치 텍스트 에디터를 구현하며 WYSIWYG 에디터의 동작 원리와 커스터마이징을 깊이 있게 학습했고, 매거진·장소·이벤트별로 다른 편집 도구를 설계하며 맞춤형 UI/UX의 중요성을 이해했습니다. 또한 기존 JavaScript 프로젝트를 TypeScript로 전면 리팩토링하며 런타임 에러를 크게 줄이고 코드 안정성과 개발 생산성을 함께 끌어올렸습니다.