HM소프트

ㄴ콘텐츠 정합성 작업의 첫 단계는 비교가 아니라 기준 정하기였다. 검증 지시문·기획 원본·구현 3자가 어긋난 상황을 페이지×표기 매트릭스로 전수 점검하고, 깨진 이미지는 참조 대조로 0건임을 사실로 증명한다. 1편의 멱등 마이그레이션으로 문서 카피를 정합화하고, 이미지는 교체 대신 crop과 object-fit으로 의도한 프레이밍을 맞춘다.2편: 코드가 아니라 "정합성"이 일이었다1편에서 PHP + SQLite 구조와 콘텐츠 관리 시스템(c() 헬퍼, 멱등 마이그레이션, DB-override)을 다뤘다. 그런데 이 브랜드 사이트를 만들며 시간이 가장 많이 든 작업은 기능 구현이 아니었다. "기획 문서가 지정한 콘텐츠가 화면에 정확히 그대로 나오는가"를 맞추는 일 — 즉 정합성(integrity) 문제였다..

추출구 5개 자동 드립 머신의 태블릿 컨트롤 패널을 빌드 없는 브라우저 Babel과 CDN React로 만든다. 5열 그리드 잠금, 진행률 링 대신 단면도 애니메이션, getBrewSnapshot 한 함수로 큰 화면과 미니 화면을 동기화한 시간 모델, 공전 주전자 vs 고정 물줄기 정렬 버그까지 다룬다.시리즈를 시작하며핸드드립 커피를 자동으로 내려주는 기기의 태블릿용 컨트롤 패널 데모를 만들었다. 실제 장비는 추출구(스파웃)가 다섯 개 달린 자동 드립 머신인데, 영업·전시 자리에서 "이 기기는 화면에서 이렇게 동작합니다"를 장비 없이 보여줄 프로토타입이 필요했다. 그래서 두 가지 제약이 처음부터 못 박혀 있었다. 첫째, 백엔드 없이도 돌아가야 한다 — 데모를 위해 서버를 운영하고 싶진 않았다. 둘째, 화..