HyunJu Jang 개발기 — 두 언어로 여는 피아니스트의 무대

HyunJu Jang은 피아니스트 장현주의 프로필과 공연 이력, 연주 자료와 문의 안내를 담은 공식 포트폴리오 웹사이트입니다. 공연 관계자와 관객이 어느 언어로 들어와도 필요한 정보를 바로 읽도록 영어와 한국어를 같은 구조로 제공하는 것이 중심이었습니다.

확인 가능한 가장 오래된 이력부터#

저장소에서 확인되는 가장 오래된 이력은 2025년 7월 25일입니다. 이미 영어·한국어 페이지와 프로필, 미디어, 문의 화면을 갖춘 커밋으로 시작하므로 실제 최초 제작 시점까지 단정할 수는 없습니다. 이 날짜는 ‘처음 만들었다’는 추정이 아니라 현재 남아 있는 기록의 시작점으로 사용했습니다. 같은 날 콘텐츠 구조와 문서, 접근성과 이미지 성능을 다듬은 이력이 이어집니다.

기본 주소는 영어, 한국어는 한 번에#

국제 방문자를 고려해 도메인 루트에서는 영어 페이지를 곧바로 보여 주고, 한국어는 /ko 아래 같은 정보 구조로 열리게 했습니다. 언어를 바꿔도 홈·소개·문의 위치가 어긋나지 않도록 페이지를 짝지었습니다. 정적 페이지를 만드는 Astro를 택해 전시형 사이트에 필요한 빠른 첫 화면을 얻고, 프로필 이미지도 표시 크기에 맞게 최적화했습니다. 각 언어 페이지에는 제목과 설명, 대표 주소를 따로 지정해 검색 결과에서 번역 페이지가 서로 뒤섞이지 않도록 했습니다.

디자인과 내용의 수명을 분리했습니다#

약력은 Markdown, 홈과 세부 정보는 언어별 데이터 파일로 나눴습니다. 화면을 다시 디자인해도 경력 문장과 번역을 컴포넌트에서 찾아 고칠 필요가 없도록 한 것입니다. 미디어 목록도 언어별 같은 형식을 따르게 해 제목·작곡가·공연 정보를 화면 배치와 독립시켰습니다. 콘텐츠 형식은 공통 스키마로 확인해 한 언어에서 필드가 빠지는 문제를 빌드 전에 찾도록 했습니다. 문의 폼에는 눈에 보이지 않는 스팸 방지 필드를 넣었고, 키보드 이동과 이미지 설명 같은 기본 접근성도 같은 시기의 작업으로 남아 있습니다.

지금은#

공식 웹사이트로 공개되어 있으며, 이후 어두운 배경과 금색을 절제해 쓴 디자인으로 여러 차례 다듬었습니다. 최근에는 공개된 이력 자료에 맞춰 프로필 표현을 정리하고, 직접 연락처를 과도하게 드러내지 않는 문의 흐름으로 바꿨습니다. 이 글은 공개 페이지와 Git 기록으로 확인되는 범위만 다루며, 확인되지 않은 제작 배경이나 피드백은 보태지 않았습니다.