eundo.today
TIL 블로그를 포트폴리오 중심으로 다시 정리한 Docusaurus 프로젝트입니다. 경력, 실무 회고, 개인 프로젝트, 학습 기록을 한 사이트에서 관리하고 main 브랜치 push로 Netlify에 배포합니다.
Snapshot
| 구분 | 내용 |
|---|---|
| 상태 | Public portfolio site |
| 목적 | 경 력, 실무 회고, 개인 프로젝트를 빠르게 훑을 수 있는 개인 사이트 |
| 접근 | 홈과 메뉴 구조를 포트폴리오 중심으로 재배치하고, 프로젝트는 실제 화면 중심으로 설명 |
| 기술 | Docusaurus, TypeScript, MDX, CSS Modules, Netlify |
| 배포 | main 브랜치 push 후 Netlify 자동 빌드 및 배포 |
What It Does
- About, Stories, Projects, Notes의 역할을 분리합니다.
- Private repository는 코드 대신 실제 화면, 샘플 데이터, 구현 단위로 소개합니다.
- MDX로 프로젝트 상세 페이지를 계속 확장합니다.
- GitHub와 Netlify를 연결해 콘텐츠 수정 후 배포까지 같은 흐름으로 처리합니다.
페이지 구성
포트폴리오 첫 화면
이름, 작업 영역, 대표 프로젝트를 바로 보여줍니다. 과한 설명보다 실제 화면과 짧은 기술 신호를 앞에 둡니다.
- 박은도 / Backend / Batch / Product UI
- Shorts Pipeline 데스크톱·모바일 화면 공존
- Spring Boot, Batch, React, Netlify 등 스택 티커
경력과 역할
학력은 제외하고, 금융권 운영 개발과 실제 맡았던 역할 중심으로 정리합니다.
- 회사와 프로젝트별 담당 범위
- 배치, API, React 화면 전환 등 핵심 경험
실무 회고
프로젝트 홍보가 아니라 운영 문제를 어떻게 다뤘는지 정리하는 영역입니다.
- 실시간 로그적재 배치 개발
- API 비동기 호출 데이터 처리
- React 기반 웹앱 SPA 전환
개인 도구
Shorts Pipeline, Content Studio, Reread Bookshelf처럼 직접 쓰려고 만든 도구를 화면 중심으로 보여줍니다.
- 프로젝트별 샘플 데이터와 주요 화면
- Private repo를 유지하면서 공개 가능한 범위만 설명
TIL과 책 기록
학습 기록은 포트폴리오 흐름을 방해하지 않도록 별도 메뉴로 유지합니다.
- TIL
- Book Notes
GitHub to Netlify
로컬에서 수정하고 push하면 Netlify가 정적 빌드와 배포를 처리합니다.
- main branch push
- Docusaurus production build
- eundo.today 반영
구현 포인트
홈 구조 재설계
블로그 인덱스처럼 보이지 않도록 첫 화면을 포트폴리오, 프로젝트 미리보기, 스택 티커 중심으로 재배치했습니다.
명칭 정리
실무 회고는 Stories, 개인 도구는 Projects로 분리해 위치가 섞이지 않게 했습니다.
Private repo 소개 방식
코드 공개 대신 화면, 샘플 데이터, 기능 단위, 다음 개선 방향으로 프로젝트를 설명합니다.
배포 흐 름
Docusaurus 빌드 결과를 Netlify가 자동 배포하도록 연결해 사이트 수정과 공개 흐름을 단순하게 유지합니다.
Next
- 프로젝트별 최신 화면 갱신
- 공개 가능한 아키텍처 다이어그램 추가
- Stories와 Projects 사이의 관련 링크 강화