플러스프로젝트 배경
1) 배경 - WordPress 하이엔드 사이트에서 실제로 위험한 곳이 어디인지는 만들어 보지 않으면 알 수 없습니다. - 공개된 외주 공고를 요구사항 샘플로 삼아, AI 협업 방식이 어디까지 감당되는지를 자체 제작으로 확인했습니다. - 실제 수주 건이 아닙니다. 2) 프로젝트 목표 - 정적 프로토타입으로 인터랙션과 성능을 먼저 검증하고, 그것을 WordPress 블록 테마로 이식 - 디자인 값
프로젝트 성과
LCP 원인을 자산이 아니라 CSS로 규명 — 이미지 축소 없이 1.4초 복귀
LCP 6.5초의 원인이 이미지 용량이라는 통념과 달랐습니다. 히어로 박스가 깨져 크로미움의 배경 제외 규칙에서 빠져나온 것이었고, 이미지를 그대로 두고 1.4초로 돌아오는 것을 실측했습니다.
핵심 기능
디자인 토큰 단일 소스 — 브랜드 색을 바꾸면 전체가 따라옵니다
색·서체·간격 35개 값이 theme.json 한 곳에 있습니다. 편집기의 색상 팔레트도 이 값만 노출해 임의의 색이 섞이지 않습니다.
진행 단계
요구사항을 판정 가능한 기준으로 바꾸기
2026.08.
"최적화", "고급스럽게" 같은 서술을 수치로 바꿨습니다. 성능 예산 6항목(LCP·INP·CLS·로드시간·초기/전체 전송량)과 측정 조건을 먼저 정하고, 그것을 못 넘으면 머지가 안 되게 했습니다.
프로젝트 상세
[만든 것] 미술치료·심리상담 브랜드의 한 장짜리 사이트. 정적 프로토타입으로 인터랙션과 성능을 먼저 검증하고 WordPress 블록 테마로 이식했습니다. · 디자인 토큰 35개를 theme.json으로 전량 이관 — 색·서체·간격이 한 곳에서 정해집니다 · 편집 경계 23곳 잠금 — 직원이 편집기에서 만져도 레이아웃이 무너지지 않습니다 · PC·태블릿·모바일 반응형 [검증] · 테스트 31
