LX Z:IN
매장 키오스크

키오스크의 메인 화면은 매장 정보, 카탈로그와 이벤트 콘텐츠로 들어가는 허브였습니다. 외부에서 제공받은 3D 매장 둘러보기 Viewer를 키오스크 UI에 넣고, 외부 링크 중에서도 하단 Navigation을 계속 유지해야 하는 콘텐츠는 iframe으로 연결했습니다.

제품 자체는 하나였지만 매장마다 보여줘야 하는 정보와 데이터가 달랐습니다. 제공받은 매장 정보와 카탈로그를 Python으로 전처리·정렬하고, 매장별 설정값을 기준으로 공통 코드가 다른 데이터와 동작을 사용하게 구성했습니다.

매장별 subdomain에 대응하는 별도 폴더를 만들고 공통 코드를 복제했습니다. 매장마다 설정 파일을 두어 필요한 데이터와 동작을 구분했습니다.

동일한 코드가 여러 폴더에 존재해 한 매장에 적용한 공통 패치를 다른 매장 폴더에 반영하지 않는 일이 발생했습니다. 그 결과 매장마다 서로 다른 버전이 배포되는 문제가 생겼습니다.

매장 폴더를 하나의 코드베이스로 통합하면 중복을 없앨 수 있었지만, 이미 여러 매장이 운영 중이어서 전체 구조를 바꾸는 비용과 리스크가 컸습니다.

대신 공통 파일을 기준 폴더에서 각 매장 폴더로 복사하는 synchronization script를 만들었습니다. 이후 공통 패치 누락은 거의 사라졌고, 당장의 운영 리스크가 크게 줄었습니다.

SCSS compile 과정도 script로 단순화해 필요한 output이 없으면 생성되도록 처리했습니다. 배포 파일 복사와 CSS 생성에서 반복되던 수작업을 자동화했습니다.