프로젝트 배경
1) 문제점
- 레거시 플랫폼은 PHP 기반으로 자동화 봇에 의한 취약점 노출 및 웹쉘 업로드 공격에 노출
- 소스코드 버전관리 불가한 상태
- 서비스 유지비용 높음
- 기존 구조에 의한 검색엔진 과부화 및 간혈적 OOM(Out Of Memory) 현상
- 플랫폼에서 위치기반 정보 처리 UI의 퍼포먼스 지연 문제
- 아쉬운 플랫폼 UX/UI 디자인
2) 프로젝트 목표
- 플랫폼 성능 및 사용성 향상
- 인프라 구조적 개편으로 보안 취약점 및 생산성, 유지비용효율 향상
- 자동 번역 및 지정번역을 적절히 선택하여 다국어 대응
- 상품 옵션 기능을 고도화하여 상세 분류
3) 주안점
- 복잡한 UI를 직관화하여 편리한 과정 및 결과를 제공
- 위치기반 정보(맵 뷰)의 마커 표시를 맵 API에 의존하지 않고 맵 뷰 위에서 직접 처리하여 수천개의 마커에 빠른 속도로 대응
- 인프라 구성 변경으로 성능, 보안, 체계, 비용을 개선
- 레거시 플랫폼은 PHP 기반으로 자동화 봇에 의한 취약점 노출 및 웹쉘 업로드 공격에 노출
- 소스코드 버전관리 불가한 상태
- 서비스 유지비용 높음
- 기존 구조에 의한 검색엔진 과부화 및 간혈적 OOM(Out Of Memory) 현상
- 플랫폼에서 위치기반 정보 처리 UI의 퍼포먼스 지연 문제
- 아쉬운 플랫폼 UX/UI 디자인
2) 프로젝트 목표
- 플랫폼 성능 및 사용성 향상
- 인프라 구조적 개편으로 보안 취약점 및 생산성, 유지비용효율 향상
- 자동 번역 및 지정번역을 적절히 선택하여 다국어 대응
- 상품 옵션 기능을 고도화하여 상세 분류
3) 주안점
- 복잡한 UI를 직관화하여 편리한 과정 및 결과를 제공
- 위치기반 정보(맵 뷰)의 마커 표시를 맵 API에 의존하지 않고 맵 뷰 위에서 직접 처리하여 수천개의 마커에 빠른 속도로 대응
- 인프라 구성 변경으로 성능, 보안, 체계, 비용을 개선
프로젝트 성과
역명, 정류장명, 지역명, 건물명 등 및 위치 정보 통합 검색
직관적인 기능으로 정보 접근성을 극대화 및 검색 기능 이용률 70% 증가 및 이탈률 저하
맵뷰 재구축
맵뷰 서비스 위에 마커를 그려 의존성을 제거, 동일한 ui위에 다국어 서비스 가능
(※ 중국 및 일부 국가는 구글맵 등 일부 서비스 접근에 제약이 있어 다른 맵을 사용해야만 함)
(※ 중국 및 일부 국가는 구글맵 등 일부 서비스 접근에 제약이 있어 다른 맵을 사용해야만 함)
상품 옵션 고도화
운영 효율적인 상품 옵션 로직 개선으로
확장적이고 상세한 분류 가능
확장적이고 상세한 분류 가능
CI/CD 배포 플로우 확립 및 서버리스 환경으로 배포
체계적인 배포 플로우 구축하여 지속적인 서비스 운영 환경 구축 및 기존 서비스 운영 및 유지 비용이 30% 이상 절감
리뉴얼 작업 결과에 의한 속도 향상
필터 복합 및 단순 검색속도가 기존 3~10초에서 전부 1초 미만으로 향상, 마커가 수백 수천개가 동시에 노출되는 것을 최적화하여 동시에 노출되면서도 겹친 마커는 자동 병합하여 그룹 마커로 제공
핵심 기능



맵 뷰
다양한 맵 API 환경에서 동알한 UI를 가진 위치 정보 기반 탐색 기능.



통합검색
지역명, 지하철 역명 또는 노선명, 정류장 명, 건물명 등과 상품 필터를 통한 상세 검색 기능.


텍스트 자동 번역
운영 편의성을 위한 일부 영역 자동번역 기능.
진행 단계
기획
2023.03.
고객과의 지속적인 소통으로 작업 순서 및 범위 확립, 디자인 작업과 병행
디자인
2023.04.
기획과 병행하여 디자인하고 고객이 원하는 디자인 확정
개발
2023.04.
확정된 기확과 피그마 문서를 기반으로 퍼블리싱 퍼펙트 매칭 구현하며 기획과 디자인을 참고하여 백엔드 작업을 진행하고 백엔드 작업이 완료하면 프론트엔드 작업을 진행.
모든 작업은 TDD 방법론을 통해 체계적 진행
모든 작업은 TDD 방법론을 통해 체계적 진행
QA
2023.07.
테스트 환경을 실제 서비스와 최대한 유사하게 구축하여 QA 인원 및 범위를 편성하여 실사용 테스트, 협업 문서를 통한 효율적인 검수 진행.
하자보수 및 런칭
2023.07.
QA 과정에서 리스팅된 내용을 해소하고 모든 요소를 확인한 후 런칭을 위한 배포 진행 후 보고
프로젝트 상세
버스, 지하철, 전광판 등 국내 주요 옥외광고 매체를 탐색하고 문의할 수 있는 웹 서비스를 리뉴얼했습니다.
- 한국어, 영어, 중국어, 일본어 제공
- 지도 및 버스/지하철 노선 매체 검색
- 매체 상품 옵션 개발
- 견적 문의 및 결제 시스템 구축
- 한국어, 영어, 중국어, 일본어 제공
- 지도 및 버스/지하철 노선 매체 검색
- 매체 상품 옵션 개발
- 견적 문의 및 결제 시스템 구축
