캐치테이블 지도 개발기(2편)
지도와 리스트를 하나의 화면에서 자연스럽게 전환하는 하이브리드 뷰를 도입한 과정을 다뤘습니다. 웹 뷰 성능 최적화로 사용자 수와 예약 완료 지표도 개선했습니다.
#검색#UI/UX#성능
47200
모든 블로그
대표 인기 포스트캐치테이블 지도 개발기(2편)472 조회472 조회 프론트엔드 프론트엔드
프론트엔드
프론트엔드
프론트엔드
프론트엔드
프론트엔드
프론트엔드
프론트엔드
캐치테이블
도메인medium.com
주요 카테고리 프론트엔드 · AI
활동 요약
- 최근 30일
- 0개
- 평균 조회
- 93
- 누적 조회
- 2,336
- 전체 글
- 25개
- 마지막 발행
- 2026. 5. 14.
캐치테이블 기술 블로그 글 (9)
회원가입, 더 쉽게할 수 없을까?
회원가입 플로우를 전면 개선해 불필요한 클릭과 입력을 줄였습니다. 그 결과 소요 시간은 26% 감소하고 완료율과 VOC 지표도 개선됐습니다.
#UI/UX#회원가입#A/B test
4200
복잡한 웹 페이지도 개발자 없이 만드는 웹 빌더 “에디터” 개발기 (2)
에디터로 긴급 프로모션 페이지를 빠르게 만들고 반복 수정까지 운영한 개선 사례를 소개했습니다.이미지 업로드와 알림 기능을 다듬으며, 에디터의 활용 범위를 가설 검증 도구로 넓히려 했습니다.
#웹 빌더#AWS S3#UI/UX
7400
복잡한 웹 페이지도 개발자 없이 만드는 웹 빌더 “에디터” 개발기 (1)
비개발 직군도 웹 페이지를 만들 수 있는 에디터를 도입한 배경과 개발 과정을 소개했습니다. 반복 수정과 재개발 문제를 블록 조합형 구조로 줄이고 제작 효율을 높였습니다.
#웹 빌더#문서화#PoC
6900
캐치테이블 프론트 신입 적응기 part2. 업무생활편
캐치테이블 프론트 신입 개발자들의 업무 적응기와 주요 과제 경험을 소개합니다. 협업, 일정 관리, 문서화, QA의 중요성과 사용자 중심 개발 관점을 함께 다루었습니다.
#리팩토링#마이그레이션#A/B 테스트
5201
대규모 애플리케이션 상태 관리를 위한 상태 기계 도입기
XState를 도입해 복잡한 예약·웨이팅 연동의 상태 흐름을 선언적으로 관리한 사례를 정리했습니다. 비동기 연동과 시각화의 장점, 그리고 학습 곡선과 보일러플레이트 같은 한계도 함께 다뤘습니다.
#XState#React#상태 기계
5800
캐치테이블 지도 개발기(1편)
캐치테이블은 지도 탐색 비중을 높이기 위해 웨이팅·픽업 표시와 검색 개선을 진행했습니다. 확대 레벨별 노출 정책과 반복 테스트로 더 편한 지도 사용성을 만들었습니다.
#UI/UX#검색#클러스터링
6600
B2C 서비스 레거시의 가르침 - Part2. Planning
운영 중인 B2C 프론트엔드 레거시를 개선하기 위한 플래닝 과정과 원칙을 정리했습니다. 기술 부채 정렬, 점진적 개선, 공유 문화를 통해 팀워크와 서비스 이해도를 높였습니다.
#레거시#JavaScript#React
3000
B2C 서비스 레거시의 가르침 - Part1. Mental Model
레거시와 기술 부채를 부정적으로만 보지 말고, 문제 정의와 정렬부터 시작해야 한다고 정리했습니다. 5 Whys와 이해관계자 매핑 같은 프레임워크로 개선의 출발점을 잡는 방법을 제안했습니다.
#legacy#technical debt#문제 정의
3200