### 프로젝트 개요 산티아고 순례길의 주요 구간을 일별로 나누어 각 구간의 고도 변화를 직관적이고 아름다운 그래프로 시각화한 프로젝트입니다. 총 32개 이상의 구간(Day_1A부터 Day_32까지)을 포함하며, 각 HTML 파일은 독립적으로 실행 가능한 완성된 웹 페이지입니다. ### 산출물 * HTML 파일: 각 구간별 고도 그래프 (Day_1A.html ~ Day_32.html) * 로고 이미지: 프로젝트 로고 (logo.png) * 문서: 프로젝트 설명서 (README.md) ### 주요 기능 및 특징 * 시각적 디자인 * 우측에서 좌측으로 읽는 방향성: 순례길의 진행 방향을 직관적으로 표현 * 부드러운 베지어 곡선: 고도 변화를 자연스럽게 표현 * 노란색/오렌지 계열 색상: 따뜻한 톤의 그라데이션 디자인 * 모던한 UI: 깔끔한 카드 디자인과 부드러운 그림자 효과 * 기능 * 구간별 거리 표시: 각 구간 사이의 거리를 배지 형태로 표시 * 지점 정보 표시: 각 주요 지점의 한글명, 영문명, 고도 정보 제공 * 로고 이미지: 그래프 내부 우측 상단에 로고 배치 * START/END 마커: 출발지와 도착지를 명확하게 표시 * 고도 눈금선: 배경 그리드를 통한 고도 레벨 가이드 * Hidden 포인트 지원: 중간 지점을 표시하지 않고 거리 계산에만 활용 가능 ### 기술 사양 * HTML5 Canvas: 고성능 그래픽 렌더링 * JavaScript (Vanilla): 순수 JavaScript로 구현된 그래프 로직 * Pretendard 폰트: 한글과 영문 모두 아름답게 표현되는 웹 폰트 (CDN 사용)