데모 안내
이 사이트는 자체 제작한 데모이며, 클라이언트 납품물이 아닙니다. '영문 메인 + 국문'의 이중 언어 포트폴리오 디렉토리 — 80개사 그리드, 즉시 검색, 섹터·상태 필터, 상세 페이지 — 를 완전 정적 사이트로 만들면 어떤 모습인지, 서술이 아닌 실물로 보여 주기 위해 존재합니다. 등장하는 모든 기업·브랜드·로고·수치는 가상입니다.
의도된 설계 포인트 3가지
1.단일 소스 일괄 시딩
상세 페이지 160장(80개사 × 2개 언어)은 전부 하나의 데이터 파일에서 빌드 시 일괄 생성됩니다. 손으로 고친 페이지는 한 장도 없습니다. 실제 구축에서도 같은 방식의 일괄 시딩이 오픈일의 '빈 그리드'를 막습니다 — 운영자가 전체를 먼저 시딩하고, 그 뒤에 기업별 수정을 개방하는 순서입니다.
2.로고 정규화
생성된 로고들은 일부러 비율이 제각각입니다 — 정사각, 가로형, 세로형. 카드 프레임이 그 차이를 흡수해 균일한 그리드를 유지합니다. 실제 기업들이 로고를 한 가지 규격으로 주는 일은 없기 때문에, 이 처리가 '정돈된 디렉토리'와 '붙여 넣은 디렉토리'를 가릅니다.
3.양 언어 완비 시딩
이 데모는 모든 기업의 영문·국문 콘텐츠를 100% 채워 시딩했습니다. 실제 수집은 이렇게 흘러가지 않습니다 — 영문 소개를 주지 않는 기업이 반드시 나옵니다. 그 경우를 위한 명시적 정책(영문 사이트에서 노출 보류 또는 국문 대체 표기)이 별도로 필요하며, 이것은 기술 문제가 아니라 기획 결정입니다.
일부러 범위 밖에 둔 것
- 관리자 CMS·계정 발급·로그인 일체 — 이 데모는 방문자 화면만 다루며, 그런 UI는 어디에도 두지 않았습니다.
- 등록 콘텐츠의 승인·검수 워크플로.
- 언어 자동 리다이렉트(모든 URL을 검증 가능하게 유지하려고 표준 명시 경로 i18n만 사용).
- 실제 외부 링크 — 기업 웹사이트가 가상이므로, 버튼은 이동 대신 데모 안내를 표시합니다.
- 백엔드 일체 — 이 사이트는 서버 코드 0줄의 정적 export입니다.
직접 검증하기
전체 소스, 데이터 생성기, 다중 리전 TTFB 측정 방법이 공개되어 있습니다: