프로젝트 배경
1) 예상 리스크 및 대응 계획 - 마크다운 파서에서 중첩 마크업(bold 안의 link 등) 처리 순서 충돌 해결 - LocalStorage 용량 한계 내에서 여러 게시글의 KO/EN 콘텐츠를 효율적으로 직렬화 - SVG 도넛 차트 stroke-dashoffset 계산 시 0% / 100% 엣지 케이스 처리 - CSV 가져오기 시 BOM 처리 및 다양한 인코딩(UTF-8, EUC-KR) 대응 2
프로젝트 성과
마크다운 실시간 미리보기 에디터 구현
정규식 경량 파서로 마크다운을 HTML 변환하여 에디터·미리보기 2-컬럼 동기화를 구현합니다.
n-언어 확장 가능한 콘텐츠 병렬 관리 구조 설계
slug 기반 KO/EN 객체 스토어로 언어 추가 시 키만 확장하면 되는 구조를 설계합니다.
SERP 미리보기 내장 SEO 관리자 구현
title 60자·description 160자 가이드 카운터와 구글 카드 형태 미리보기를 구현합니다.
라이브러리 없는 SVG 차트 시각화 구현
외부 차트 라이브러리 없이 SVG path 계산으로 바·도넛 차트와 태그 클라우드를 구현합니다.
핵심 기능
진행 단계
CMS 에디터 및 콘텐츠 스토어 설계
2026.04
LocalStorage 기반 콘텐츠 CRUD 스토어와 마크다운 에디터 컴포넌트를 구현합니다.
프로젝트 상세
1) 포트폴리오 소개 AI 기업 홈페이지 MVP 이후 확장 방향인 콘텐츠 허브 플랫폼 데모입니다. 게시판 CMS, 다국어 콘텐츠 관리, SEO 메타 자동화, 뉴스레터 구독 관리를 하나의 어드민 워크스페이스로 통합하는 확장 구조를 설계할 예정입니다. 2) 작업 범위 - 통합 콘텐츠 CMS (게시판 + 미리보기): 공지·PRESS·Tech Log 글을 마크다운 에디터로 작성하고 발행 전 실시간 미리보기를







