B2B 운영 도구 신규 구축
2024 하반기파트너 운영과 내부 업무를 안정적으로 처리하기 위한 관리자 도구를 신규 구축했습니다.
- 신규 관리자 도구의 프론트엔드 기반 구축
- 권한/다국어/조회 화면의 재사용 가능한 구조 설계
- 운영 업무 흐름을 고려한 UI 패턴 정리
맡은 일 자세히 보기
- 초기 프로젝트 구조와 프론트엔드 개발 환경을 설계하고 핵심 화면 구현을 담당했습니다.
- 권한, 다국어, 데이터 조회 흐름을 공통 패턴으로 정리해 이후 화면 확장을 쉽게 만들었습니다.
- 운영자가 반복적으로 수행하는 업무를 기준으로 폼, 테이블, 필터 인터랙션을 정리했습니다.
메인 검색 경험 개편
2024 상반기사용자가 더 빠르게 목적지를 탐색하고 조건을 조합할 수 있도록 메인 화면과 검색 흐름을 개선했습니다.
- 메인 화면 검색 UX와 상태 관리 흐름 개선
- 여러 API 규격을 조율해 일관된 화면 모델 구성
- 상용 배포까지 이어지는 협업과 QA 대응
맡은 일 자세히 보기
- 검색 조건, 추천 영역, 최근 탐색 정보 등 여러 API 응답을 하나의 화면 경험으로 연결했습니다.
- 여러 이해관계자와 데이터 규격을 조율하며 화면 상태와 예외 케이스를 정리했습니다.
복잡한 데이터 흐름을 화면 단위로 안정화하고, 이후 유지보수 시에도 규칙을 따라 확장할 수 있도록 컴포넌트 경계를 정리했습니다.
앱 내 인터랙티브 웹뷰 구축
2023 하반기앱 안에서 동작하는 웹 기반 인터랙션 영역을 만들고, 앱-웹 사이의 연결 경험을 다듬었습니다.
- 웹뷰 기반 인터랙션 영역 구현
- 앱 브릿지 연동과 화면 상태 검증 흐름 정리
- 공통 컴포넌트화로 후속 작업 효율 개선
맡은 일 자세히 보기
- 웹뷰 환경의 제약을 고려해 라우팅, 상태 전달, 앱 브릿지 연동 방식을 정리했습니다.
- 디자인 QA가 빠르게 진행될 수 있도록 테스트 가능한 화면 상태를 별도로 구성했습니다.
- 반복 사용 가능한 UI 조각을 만들어 이후 유사 기능의 작업 비용을 줄였습니다.
앱과 웹이 함께 움직이는 기능에서 안정적인 사용자 흐름을 만들고, 재사용 가능한 인터랙션 컴포넌트를 확보했습니다.
품질 모니터링과 자동화 테스트 도입
2023배포 전후의 위험을 줄이기 위해 에러 관찰과 핵심 사용자 흐름 테스트를 정비했습니다.
- 프론트엔드 에러 모니터링 체계 구성
- 핵심 사용자 흐름의 E2E 테스트 자동화
- 배포 전 품질 확인 프로세스 개선
맡은 일 자세히 보기
- 상용 환경에서 발생하는 프론트엔드 오류를 빠르게 발견할 수 있도록 모니터링 도구를 구성했습니다.
- 핵심 전환 흐름을 기준으로 E2E 테스트 시나리오를 작성하고 배포 전 확인 절차를 만들었습니다.
문제 발견 시점을 앞당기고, 배포 전 반복 확인이 필요한 영역을 자동화해 운영 리스크를 줄였습니다.
상세 화면 성능과 공유 경험 개선
2023상세 페이지에서 발생하던 불필요한 렌더링과 공유 미리보기 품질을 개선했습니다.
- 렌더링 흐름 최적화로 화면 안정성 개선
- 공유 메타 정보 정비
- 상세 화면의 체감 품질 개선
맡은 일 자세히 보기
- 데이터 호출과 상태 반영 순서를 조정해 화면 깜빡임과 불필요한 렌더링을 줄였습니다.
- 외부 공유 시 필요한 메타 정보를 정리해 링크 미리보기 품질을 높였습니다.
사용자가 체감하는 페이지 안정성과 공유 경험을 함께 개선했습니다.
서비스 성능과 SEO 최적화
2023이미지, 폰트, 스크립트, 라우팅 메타 정보를 점검하며 초기 로드 품질을 개선했습니다.
- 이미지/폰트/스크립트 로딩 전략 개선
- 레이아웃 안정성과 SEO 메타 정보 정비
- 번들 비용과 초기 로딩 흐름 최적화
맡은 일 자세히 보기
- 이미지와 폰트 로딩 전략을 정리해 초기 렌더링 비용을 낮췄습니다.
- 불필요한 레이아웃 이동을 줄이고, 주요 페이지의 메타 정보를 정비했습니다.
- 무거운 의존성을 대체하고, 외부 스크립트 로드 순서를 조정했습니다.
측정 가능한 성능 지표와 실제 사용자가 느끼는 안정성을 함께 개선하는 경험을 쌓았습니다.