프론트엔드 아키텍처 재구성
표준 FSD를 그대로 쓰지 않은 이유
패션 제품의 라이프사이클을 추적하고 디지털 제품 여권(DPP)을 발행하는 플랫폼에서, 프론트엔드 구조를 재설계한 기록이다.
Server-Driven UI(SDUI) 시스템 설계
브랜드마다 컴포넌트를 만들지 않은 이유
제품에 부착된 QR 코드를 스캔하면 나타나는 제품 인증 페이지를 만들었다. 사용자는 이 페이지에서 제품 정보를 확인하고, 브랜드 스토리를 열람하고, 소유권을 등록한다. 문제는 브랜드마다 요구하는 UI가 완전히 다르다는 점이었다.
어드민 백오피스 구축 및 고도화
라우트 정의 하나로 메뉴와 권한까지 만든 이유
권한이 다른 여러 운영자가 쓰는 어드민 백오피스를 만들었다. 역할마다 접근할 수 있는 화면이 다르고, 로그인 직후 이동해야 하는 시작 페이지도 달랐다. 이 글은 실무에서 구축한 구조와, 이후 그 설계를 다듬어 검증한 기록을 함께 다룬다.
의류 케어라벨 WYSIWYG 에디터 개발
보이는 대로 저장하지 않은 이유
의류에 부착되는 케어라벨을 웹에서 디자인하고, 결과물이 라벨사로 넘어가 실물로 인쇄되는 도구를 만들었다. 화면에서 편집한 것이 실물 치수 그대로 인쇄되어야 하는 에디터다.
커머스 웹사이트 구축
기획부터 운영까지, 커머스 구축 기록
빈티지 조명이 좋아 브랜드를 만들었다. 판매는 네이버 블로그와 인스타그램으로 시작했다. 주문이 들어올 때마다 구매 안내 메시지를 보내고 주문 내역을 수기로 취합해야 했고, 팔릴수록 이 방식으로는 감당이 어려웠다. 체계적으로 관리할 수 있는 커머스 사이트가 필요하다고 판단했다.