ESC 닫기

hansunc.crowny.org 고도화 2차 — 신택스 하이라이팅, 다국어, PWA

개요

hansunc.crowny.org (한선씨 글로벌 프로그래밍 언어 표준 사이트)에 3가지 핵심 기능을 추가.

무엇을 했는지

1. 플레이그라운드 신택스 하이라이팅

• public/js/highlighter.js — 외부 의존성 없이 overlay 패턴으로 구현
• 토크나이저: 키워드(보라), 내장함수(녹색), 문자열(금색), 숫자(파랑), 주석(회색), 연산자(빨강)
• textarea 위에 transparent text + 아래 highlighted pre 겹치기
• 스크롤 동기화, 예제 변경 시 자동 재하이라이팅
• TOAU 테마 색상 체계 적용

2. 다국어 6개 추가 (10→16개)

• 러시아어(ru), 베트남어(vi), 태국어(th), 인도네시아어(id), 터키어(tr), 벵골어(bn)
• index.html nav의 16개 언어 선택 옵션과 모두 매칭

3. PWA (Progressive Web App)

• manifest.json — 독립 실행형, 테마 #4ade80
• sw.js — Stale-while-revalidate 캐시 전략 (API는 bypass)
• SVG 아이콘 (한선씨 로고 + TOAU 컬러바)
• index.html에 manifest, theme-color, apple-mobile-web-app 메타 추가

한선씨 동반

• 한선씨/하이라이터.한선 — highlighter.js 동반 (토크나이저 + 하이라이트 로직)
• 크라우니코드 학습DB에 신택스하이라이트 패턴 등록

관련 파일

• /Users/ef/crowny-hansunc/public/js/highlighter.js
• /Users/ef/crowny-hansunc/public/css/playground.css
• /Users/ef/crowny-hansunc/public/manifest.json
• /Users/ef/crowny-hansunc/public/sw.js
• /Users/ef/crowny-hansunc/public/lang/{ru,vi,th,id,tr,bn}.json
• /Users/ef/crowny-hansunc/한선씨/하이라이터.한선

잔여 이슈

• 번역 엔진 정밀도 향상 (현재 키워드 치환 수준)
• 더 많은 내장함수 구현 (현재 40+/225)
• SSL 인증서 (certbot)
• 15개 추가 언어 (nav에 없는 나머지)
• PNG 아이콘 생성 (현재 SVG)