UI개선 및 한/영 패치

지난 세션 메모에 적어둔 차트 i18n 잔여 하나만 처리하려고 시작했는데, 파다 보니 본문 볼드 파싱, 형광펜 디자인, PDF 개선, 히스토리 언어 픽싱, 관리자 해석 관리까지 통째로 붙들고 새벽까지 달렸습니다. 커밋 17개, 4시간 연속 작업의 기록입니다.

주요 업데이트 내역

1. 🇺🇸 차트 i18n 마무리 및 영문 섹션 이미지 복원

메모에 남겨둔 두 가지 핵심 과제를 해결했습니다.

• 차트 i18n: FourPillarsDisplay, ElementChart, PillarCard의 한글 하드코딩을 제거하고 useTranslations("saju")로 전환했습니다. 오행(Wood/Fire...), 성별, 생년월일 라벨 등 20개 이상의 키를 추가했습니다.
• 섹션 이미지 복원: 기존에 한글 키워드로만 매칭되던 로직을 SECTION_CONFIGS 구조로 재설계하여 영문 모드에서도 AI가 출력하는 섹션 제목에 맞춰 이미지가 정상 노출되도록 수정했습니다.

2. 🖍️ 형광펜 디자인 여정 및 본문 용어 자동 감지

사용자 피드백을 반영하여 가독성과 전문성을 동시에 잡았습니다.

최종 형광펜 디자인: box-shadow: inset 0 -0.95em 0 rgba(212, 168, 67, 0.5); 브랜드 골드 컬러를 활용해 글자 높이만큼만 바(bar) 형태로 칠해지는 방식을 채택했습니다. 행간에 영향을 주지 않으면서도 세련된 강조가 가능합니다.

• 용어 자동 감지: Glossary의 용어들을 본문에서 스캔하여 SajuTerm 팝오버로 자동 감싸줍니다.
• Bilingual 확장: 영문 모드에서도 Day Pillar, Peach Blossom Star 같은 용어가 자동 강조되며 클릭 시 영문 설명이 제공됩니다.

3. 🔨 마크다운 볼드 파싱의 단순화

AI가 생성하는 불규칙한 볼드 규칙(** 공백 ** 등)을 잡기 위해 4차례 파이프라인을 수정했으나, 결국 "문제 제거" 전략을 택했습니다.

본문 강조는 자동 형광펜(Glossary 기반)으로 통일하고, 복잡한 볼드 파싱 코드를 모두 삭제하여 시스템을 단순화했습니다. 때로는 복잡한 해결보다 제거가 더 강력한 솔루션이 됩니다.

운영 및 시스템 개선

👨‍💼 관리자 해석 관리 페이지 신규 구축

전체 해석 목록 확인, 페이지네이션(50건/P), 히스토리 삭제 기능을 포함한 관리자 전용 뷰를 신설했습니다. 관리자 바이패스 로직을 통해 사용자들의 해석 결과에 직접 접근하여 피드백을 모니터링할 수 있습니다.

🔐 히스토리 언어 및 로케일 고정

언어 모드 변경 시 히스토리 내용과 UI가 불일치하는 문제를 해결하기 위해, 저장된 해석의 로케일과 URL 로케일이 다를 경우 자동 리다이렉트를 수행합니다. 데이터의 무결성과 직관적인 UX를 보장합니다.

🖨️ PDF 리포트 개선

• 폰트 대폭 확대: 본문(18px), 사주 팔자 한자(text-4xl) 등 가독성을 위해 전체적인 크기를 키웠습니다.
• 자동 용어집 섹션: 본문에 등장한 용어들을 수집하여 PDF 하단에 설명을 자동으로 덧붙입니다.

향후 로드맵

1. 도메인 변경: hwajodang.com 구매 및 서비스 연결
2. 결제 시스템: 토스페이먼츠 기반 크레딧 패키지 도입
3. Threads 자동화: 마케팅 큐 시스템 구축
4. 유나 이미지 다각화: 모던한 배경의 다양한 캐릭터 에셋 준비