플러스프로젝트 배경
1) 문제점 블로그 포스트 작성 시 이미지를 별도 업로드 후 URL을 복사해 MDX에 수동 삽입해야 하는 번거로운 과정 대시보드 진입 시 여러 API를 순차 호출해 로딩 스피너가 오래 표시되는 UX 문제 포트폴리오 데이터를 ko/en/jp 3개 언어로 별도 관리해야 하는 복잡한 CRUD 요구 2) 프로젝트 목표 원스톱 에디터: 이미지 드래그·붙여넣기 시 자동 업로드 후 MDX 컴포넌트로 커서 위치
프로젝트 성과
대시보드 즉시 렌더링
7개 API 병렬 프리패치로 대시보드 진입 시 로딩 스피너 0건 달성
원스톱 포스트 작성
Monaco Editor + 이미지 자동 업로드로 이미지 삽입 과정 완전 자동화
18개 API 완전 CRUD
ko/en/jp 3개 언어 포트폴리오 데이터 18개 엔드포인트 CRUD 관리 구현
핵심 기능
Monaco Editor MDX 에디터
이미지 드래그·붙여넣기 시 자동 업로드 후 MDX 컴포넌트를 커서 위치에 즉시 삽입
진행 단계
설계
2025.12.
TanStack Router 파일 기반 라우팅 구조 및 인증 흐름 설계
프로젝트 상세
1) 포트폴리오 소개 개인 기술 블로그의 포스트·카테고리·포트폴리오 데이터 관리 및 방문자 통계 모니터링을 위한 어드민 대시보드. 블로그 운영자를 메인 타깃으로, Monaco Editor 기반 MDX 에디터와 7개 API 병렬 프리패치로 로딩 없는 즉시 렌더링을 달성한 SPA 내부 관리 시스템. 2) 작업 범위 Front-end 개발 (SPA) 반응형 웹 3) 주요 업무 Monaco Edit
