쓱닷컴이 접근성을 대하는 방식
쓱닷컴 WEB개발팀의 웹 접근성 개선 사례를 소개했습니다. 컴포넌트, OCR, 성능 측정을 함께 다루며 실무 적용 방안을 정리했습니다.
#접근성#Chakra UI#ARIA
6500
쓱닷컴이 접근성을 대하는 방식

쓱닷컴 WEB개발팀의 웹 접근성 개선 사례를 소개했습니다. 컴포넌트, OCR, 성능 측정을 함께 다루며 실무 적용 방안을 정리했습니다.
모듈매장 노출 이슈를 추적하기 위해 요청 흐름을 하나의 식별자로 묶는 디버깅 도구를 만들었습니다. 분산 로그를 한 화면에서 확인하고 직접 재현까지 하도록 확장해 운영 대응 속도를 높였습니다.
운영 환경의 다중 WAS에서 FlashAttribute가 사라지며 가입 장애가 발생했습니다. 브릿지 페이지를 단순화해 redirect와 세션 의존을 제거하고 문제를 해결했습니다.
모듈유닛의 개념과 페이지 구성 방식, 유지보수 장점을 설명했습니다. 공통 구조인 만큼 기획 단계에서 영향 범위와 정책을 함께 검토해야 한다고 정리했습니다.
신세계백화점 PC 메인 페이지를 Spring에서 React와 Next.js 기반으로 전환했습니다. 초기 로딩, 인피니트 스크롤, SEO까지 함께 고려해 사용자 경험과 유지보수성을 개선했습니다.

검색창을 고객 탐색의 첫 관문으로 보고 추천 구조를 개편한 사례입니다. AB 테스트와 추천 모델 적용으로 클릭 성과와 전시 효율을 크게 높였습니다.

주문소요시간을 줄이기 위해 결제 동선과 UI를 줄인 사례를 소개했습니다. 고객 행동 데이터를 바탕으로 불필요한 선택과 얼럿을 제거해 결제 속도를 개선했습니다.

2022 DevRel Awards 사전 이벤트로 QR 보물찾기 서비스를 기획하고 개발한 후기입니다. 어뷰징 방지와 한정된 개발 환경에서의 구현 고민을 정리했습니다.
