← 목록
기타 2026-06-23 6KB 읽기 7분

kimpresidentsk.crowny.org — 김선경(Kim President SK) 개인 소개 사이트 고도화

개요

KPS(김선경) 본인을 소개하는 개인 사이트를 시네마틱하게 신규 구축/고도화했다. 기존 public/kps/index.html(단일 680px 컬럼 프로필)을 넘어, 사운드엔지니어→하드웨어 기술팀장→ 프리랜서 개발자라는 경력과 한선씨 언어·CrownyOS·CAF·195개 도메인 생태계를 혼자 구축한 업적까지 담은 7섹션 풀페이지로 재설계. 울트라씽킹 + 울트라 병렬(Workflow)로 작업.

  • 공개 URL: https://kimpresidentsk.crowny.org (신뢰 TLS, 경고 없음)
  • 포트: 9942 (node 정적 서빙), 도메인 결선 gateway.yaml + crowny-ports
  • 작업 워크스페이스: /Users/ef/crowny-kimpresidentsk/
  • 서빙 디렉토리: /Users/ef/crowny-services/public/kimpresidentsk/index.html (~79KB)

무엇을 했는지

  1. 디자인 계약 고정 — 따뜻한 크라프트+브래스 토큰(Cream/Choco/Gold/Ink), Pretendard+Noto Serif KR,
공유 컴포넌트. design-contract.css. 라이트/다크 자동.
  1. 울트라 병렬 섹션 빌드(Workflow wnxvyhfdh) — 7섹션(hero/about/throughline/ecosystem/
career/credentials/philosophy) + 한선씨 동반을 8 에이전트 동시 작성(sonnet), 계약·진짜 이력만 강제. - 생태계 섹션: 진짜 스펙 반영(ISA729 489 opcode, 94KB 커널, CAF7 v3.1, CVF I/P 73%, 195 도메인). CAF↔사운드엔지니어 연결고리("현장 감각이 그대로 수식이 됐습니다")가 하이라이트.
  1. 조립기 assemble.js — 조각 디이스케이프 + base CSS + nav(테마토글) + JS(reveal IO/스크롤) 통합.
  2. 적대적 디자인 리뷰(Workflow wylyj1qle, opus ×3) — 19건 발견, POLISH 레이어로 적용:
- 라이트 --muted 대비 3.01→4.6:1, 다크 원시 골드 토큰 반전(일관성 근본봉합), gold-on-gold-soft 배지 대비, hero eyebrow 통일, 모바일 화살표 회전, 탭타깃 44px, 스킵링크, 섹션 리듬 통일.
  1. 프로그레시브 인핸스먼트.reveal이 JS 없으면 기본 노출(접근성/SEO/크롤러 견고성), JS 있을 때만 애니메이션.
  2. 모바일 반응형 수정 — stats-row minmax(0,1fr)+min-width:0, 초협소 1열 스택, 태그라인 줄바꿈.
  3. 한선씨 동반 프로필.한선 — 4상(T/O/A/U) 정신으로 프로필 데이터 표현, hanseonc_high 컴파일·실행 검증.
※ 워크플로 초안이 경력/연도를 날조 → 진짜 이력(평화에스엔씨/포네사운드/경희대·중앙대)으로 정정.
  1. 배포 — registry.psv 등록, gateway 결선, 전용 Let's Encrypt cert 발급(kimpresidentsk.crowny.org,
만료 2026-09-21), stunnel-live.conf(8443)+stunnel-live-443.conf(443) SNI 블록 추가 + HUP. 신뢰 TLS 200.

진짜 인물 정보 (정본 — 날조 금지)

김선경 / Kim President SK / KPS / 이니셜 SK. "소리를 설계하던 손으로 지금은 코드를 짭니다."
  • 경력: 평화에스엔씨 기술팀장(고압 클리닝 장치), 포네사운드 기술팀장(교회 음향·영상·조명·인테리어), 현재 프리랜서 개발자
  • 학력: 경희대 포스트모던음악·사운드엔지니어링(학사), 중앙대 산업·창업경영대학원 창업컨설팅 수료
  • 연락: tonemaestro@gmail.com

관련 파일

  • /Users/ef/crowny-kimpresidentsk/ — design-contract.css, assemble.js, 프로필.한선, index.html(사본)
  • /Users/ef/crowny-services/public/kimpresidentsk/index.html — 라이브 서빙본
  • /Users/ef/crowny-services/registry.psv — kimpresidentsk 엔트리
  • /Users/ef/crowny-gateway/한선게이트웨이/stunnel-live{,-443}.conf — 전용cert SNI 블록
  • cert: /Users/ef/crowny-data/certs/certbot/live/kimpresidentsk.crowny.org/

함정/교훈

  • migrated.txt 자동 추가: 무언가(sync)가 kimpresidentsk를 migrated.txt에 넣어 crownyc(한선씨 통합서버)로
기동 → 78KB 정적을 못 내보내고 2505 스텁 반환. 제거 후 node로 재기동해야 정적 서빙 정상.
  • 전역 503 wedge: 작업 중 게이트웨이가 전 도메인 503(8080 wedge, 11:39부터 선재). org.crowny.gwhealth
워치독이 12:15 자가복구(gwlive 재기동→234 라우트 로드). 수동 개입 불필요였음.
  • 전용 cert 패턴: 97도메인 슬레이브 재발급(고위험) 대신 단일도메인 격리 cert(studio/value 선례) +
stunnel 두 conf(8443/443) 수동 SNI 블록 + HUP. 게이트웨이 CLAUDE.md gw add 정본 CLI도 있음.
  • 헤드리스 스크린샷 폭: Chrome headless가 ~500px 미만 window-width를 안 따름 → 모바일 클리핑은
렌더 아티팩트. 실측 probe(window.innerWidth)로 bad=0 확인이 정답.

v2 — 글로벌 어필 + 영어버전 + KPS 로고 (2026-06-23 추가)

  • SK→KPS 로고: nav 마크·히어로 아바타·파비콘 전부 KPS(3글자 사이징 CSS).
  • 영어버전 /en.html: 7섹션 울트라 병렬 번역(sonnet, 글로서리로 톤 일관). "The hands that once
shaped sound now write code.", "Where Three Hands Meet" 등 원어민 카피 품질. 이름=Kim Sun-kyung. ※ node 정적서버가 /en/(디렉토리) 미해석 → /en.html(파일)로 서빙. 토글/hreflang 모두 /en.html.
  • 언어 토글 KO|EN (nav), localStorage 'kps-lang' 기억.
  • 브라우저 언어 자동감지: KO 루트 방문 시 navigator.language 비-ko면 /en.html 자동 이동(선호 저장시 우선).
  • 글로벌 SEO: hreflang(ko/en/x-default) + canonical + og:locale(+alternate) + JSON-LD Person
(name/jobTitle/knowsAbout/sameAs=github+crowny) → 구글 글로벌 리치결과·발견성.
  • GitHub 링크: nav 아이콘 → github.com/kimpresidentsk-dev (실재 확인 200).
  • kps.crowny.org도 KO+EN 동일 미러(도메인 자기참조 치환, github 핸들은 유지).
  • 조립기 assemble.js v2: buildPage(lang) 단일 함수로 KO(index.html)+EN(en.html) 이중 빌드. EN 섹션은
/tmp/kp_en_sections.json(번역 워크플로 wwkhvfbac 결과)에서 읽음.

라이브: https://kimpresidentsk.crowny.org (/ , /en.html) · https://kps.crowny.org (/ , /en.html)

잔여 이슈

  • 이름 영문표기 "Kim Sun-kyung"은 일반 표기 가정 — 사용자 선호 표기 있으면 교체 필요.
  • 한선씨 통합서버(.toau)의 >16KB 정적 서빙·/en/ 디렉토리 인덱스 미동작은 프레임워크 레벨 과제(현재 node+/en.html로 우회).
  • OG 이미지(og:image) 미설정 — 소셜 공유 카드 이미지 추가하면 어필 ↑.