#ux

8 posts found.

이벤트 페이지를 AI로 만들며 무엇을 모델에 맡길지 정하기

빌더로 개발자 의존은 없앴지만 디자이너를 기다리는 하루는 남았습니다. 배경과 문구를 AI로 생성하며, 무엇을 모델에 맡기고 무엇을 코드로 남길지 가른 과정입니다.

무한 스크롤 목록 위에 콘텐츠 상세를 모달로 띄우면서도 공유 가능한 URL, SEO, 뒤로가기 동작을 페이지처럼 유지한 설계 과정을 정리합니다.

네이티브 인터페이스가 주입되지 않은 환경으로 진입한 사용자의 경험 저하 문제를, 인터페이스 폴링과 BottomSheet 안내, 플랫폼별 분기로 처리한 과정을 다룹니다.

이벤트 페이지를 만들 때마다 개발자가 직접 이미지를 S3에 올리고 HTML을 작성해야 했던 반복 작업을 없애기 위해, 드래그&드롭 기반 이벤트 페이지 빌더를 개발한 과정을 다룹니다.

결제 완료 후 뒤로가기 시 결제 대행사 페이지로 돌아가는 문제를 해결하며, 브라우저 히스토리 관리와 라우팅 메커니즘을 이해하고 사용자 인터랙션을 활용한 해결 과정을 정리합니다.

HTML lang 속성 하나를 바꿔 브라우저 번역 오작동을 해결하고 웹 접근성을 개선한 과정을 다룹니다.

Vue.js로 PC 환경에서 마우스 드래그 스크롤을 지원하는 재사용 가능한 컴포넌트를 개발한 과정을 다룹니다.

React와 Zustand를 사용하여 결제, 등록, 변경 등 다양한 시나리오에 대응하고, 보안까지 강화한 범용 Numpad 컴포넌트의 설계와 구현 과정을 자세히 살펴봅니다.