쇼핑 프런트 엔드는 다수의 팀과 제품으로 구성되어 있으며 페이지 수도 매우 많습니다. 각 페이지에는 머리글과 바닥글 같은 공통 UI가 표시되지만, 이전에는 제품별로 각각 작성하고 있었습니다.
그 때문에 공통 UI에도 불구하고 페이지마다 디자인이나 사양이 조금씩 다르거나, 개정 및 보수하기 위한 개발 비용이나 커뮤니케이션 비용이 많이 드는 상태가 과제였습니다.
이러한 과제를 해결하기 위해 쇼핑 프런트 공통 배포 시스템인 Ptah(프타)의 개발이 시작되었습니다. 공통 UI는 메인 콘텐츠는 아니지만 높은 가용성이 요구됩니다.
또한 머리글처럼 퍼스트 뷰에 표시되는 UI에는 레이아웃 이동 등에 따라 UX를 손상하지 않도록 배려할 필요가 있습니다.
이 세션에서는 위와 같은 요건을 만족하면서 과제를 해결하기 위해 어떻게 노력하고 있는지 소개합니다.
Hisashi Tanaka / Yahoo! JAPAN
Production Division 1, Shopping Service Group, Commerce Group
Frontend Engineer
전직까지는 주로 iOS/Android 앱을 개발.2017년 야후에 경력직으로 입사한 이후 현재까지 야후 쇼핑의 웹 프런트 BEF 개발을 담당. 현재의 업무는 TypeScript, React 및 CSS 조금, 그리고 가끔 Java로 수행. 휴일은 편하게 쉬고 싶지만, 최근 자녀가 축구를 시작했으므로 함께 연습하기도 합니다.
Hiroaki Konaka / Yahoo! JAPAN
Production Division 1, Shopping Service Group, Commerce Group
Frontend Engineer
이전 직장에서는 Unity를 사용한 게임 개발을 했지만 2018년 야후에 경력직으로 입사. 야후 쇼핑의 판매자 측 툴인 스토어 크리에이터 Pro 개발 담당으로 1년간 일한 후 쇼핑 프런트 엔드의 공통 배포 서비스 및 대규모 리팩터링을 다루는 팀 리더가 됨. ZCP(k8s) 아키텍처를 이용한 애플리케이션 설계, 개발, 운용 보수를 수행하고 있다. 현재는 자녀 한 명을 둔 아빠로서 게임 취미는 봉인 중.
Hiroyuki Shibasaka / LINE
K3 Team
Front-end Engineer
