마크다운 동기화 자동화와 동적 렌더링으로 포트폴리오 관리 효율 극대화하기

TypeScript 데이터 파일 내에 방대한 마크다운 텍스트를 하드코딩하던 비효율적인 구조를 개선했습니다. 외부 Markdown 파일을 읽어와 코드를 안전하게 이스케이프 처리한 뒤 자동으로 주입하는 Node.js 스크립트를 구축하고, UI 레벨에서 코드 블록과 인라인 코드를 완벽하게 분리 렌더링하는 커스텀 컴포넌트를 구현한 개발 여정을 공유합니다.