VS Code 내부에서 끝내는 풀스택 퍼블리싱 스위트 구축 기록

Context

작성한 마크다운 문서를 외부 플랫폼에 게시하기 위해 브라우저 이동과 복사·붙여넣기가 반복되는 컨텍스트 스위칭 문제 발생. 플랫폼별로 상이한 글자 수 제한과 포맷팅 요구사항을 매번 수동으로 조정해야 하는 운영 효율 저하 문제 직면.

Technical Solution

• PLATFORM_CONFIGS 객체를 Single Source of Truth로 정의하여 플랫폼 아이콘 클릭 시 워크스페이스 타입이 자동 결정되는 데이터 주도 내비게이션 설계
• 정규 표현식 기반의 YAML Frontmatter Parser를 구현하여 마크다운 파일 상단의 메타데이터를 자동 추출하고 게시 폼에 바인딩하는 구조
• Dev.to REST API 연동 시 이미지 업로드 API의 부재를 확인하고 외부 호스팅 URL만 허용하는 단순화된 데이터 전송 전략 채택
• 플랫폼별 글자 수 제한 및 스레드 지원 여부를 설정 파일에서 관리하여 UI 컴포넌트가 동적으로 반응하는 유연한 인터페이스 구현
• Linux 환경의 gnome-keyring 동기화 오류로 인한 자격 증명 손실 가능성을 고려하여 구체적인 복구 가이드를 제공하는 예외 처리 로직 적용
• 서버 상태 체크 로직을 통해 API 응답 불가 시 버튼을 비활성화하고 명확한 상태 메시지를 출력하는 장애 대응 UI 설계

Key Takeaway

UI의 복잡도를 줄이기 위해 하드코딩된 라우팅 대신 설정 데이터 기반의 동적 렌더링 구조를 채택하여 확장성과 유지보수성 확보.