eundo.today | eundo.today

만져보고, 만들어보고, 기록해두는 공간입니다. TIL 블로그에서 시작해 개인 프로젝트와 실무 기록을 함께 보여주는 포트폴리오로 바꿨습니다.

문서 블로그에서 작업을 보여주는 공간으로

TIL 중심 구조에서는 앱의 실제 화면과 최신 상태가 잘 드러나지 않았습니다. 경력을 강조하려던 문구도 제 말투와 맞지 않았고, 같은 프로젝트 정보가 화면마다 따로 관리됐습니다.

학력보다 작업과 경력을 보여주고, 과한 소개 대신 좋아하는 일을 적는 방향을 정했습니다. 실제 앱 캡처와 전체 작업 목록을 요구했고, 구조 검토 후 Astro 전환과 버전별 화면 보관을 진행했습니다.

Codex와 정적 문서·프로젝트 데이터를 Astro와 MDX로 옮기고 필요한 상호작용에 React를 사용했습니다. 기존 URL·문서 앵커를 보존하고, 목록과 상세가 같은 프로젝트 정보를 읽도록 묶었습니다.

현재 13개 프로젝트를 같은 메타데이터로 노출하고, 업데이트 시 소스와 PC·모바일 화면을 함께 보관합니다. 이번에는 개발 대화에서 확인한 문제·판단·개선 과정을 11개 프로젝트 설명에 연결했습니다.

최신 화면을 보여주는 것과 과거의 작업을 복원할 수 있게 남기는 것은 별개의 일이라, 배포와 버전 보관을 각각 확인합니다.

Making things a little simpler.

나를 단정하는 수식어 대신 좋아하는 일을 첫 화면에 적었습니다. 큰 이름과 라임색, 실제 앱 화면, 작업 목록을 한 흐름으로 놓고 관심 있는 작업으로 바로 들어갈 수 있게 했습니다.

홈의 화면 미리보기는 React와 CSS 원근·전환 효과로 구성합니다. 프로젝트를 넘기거나 앱·도구·게임으로 목록을 좁힐 수 있고, 움직임 줄이기 설정에서는 모션을 줄입니다.

프로젝트 제목, 설명, 상태, 기술, 실제 화면을 MDX에 모았습니다. 홈의 작업 목록, 전체 목록과 상세 페이지가 같은 데이터를 사용합니다. Git에서 확인한 소스 커밋·브랜치·변경일과 검토일도 구분해 남깁니다.

프로젝트 갤러리는 사이트에 저장한 이미지로 제공합니다. 비공개 저장소는 소스 코드 대신 공개 가능한 구현 설명과 샘플 화면으로 소개합니다.

글을 남길 때 비밀번호를 정하고, 같은 비밀번호로 이름과 내용을 수정하거나 글을 삭제합니다. 비밀번호는 해시로 저장하고 응답에 포함하지 않습니다. 잘못된 비밀번호, 잦은 시도와 동시에 바뀐 글을 구분해 처리합니다.

비밀번호 없이 작성된 이전 글에는 수정·삭제 기능을 임의로 열지 않습니다. 갤러리의 방명록은 로컬 캡처용 빈 목록이며 실제 방문자의 글을 사용하지 않았습니다.

main에 push하면 Netlify 배포와 GitHub의 버전 보관이 각각 실행됩니다. 버전 보관은 해당 소스를 새로 빌드한 뒤 홈·주요 메뉴·모든 프로젝트 상세를 PC와 모바일로 캡처합니다.

캡처에는 빈 방명록과 고정 방문 통계를 사용합니다. 원본 커밋, 촬영 시각, 이미지 체크섬을 함께 남기고 별도 아카이브 커밋에 태그를 붙입니다. 버전 보관의 성공과 실제 사이트 배포의 성공은 각각 확인합니다.

항목	현재 구성
화면	Astro 정적 HTML, 필요한 영역만 React
콘텐츠	Markdown·MDX, 프로젝트 메타데이터 공유
디자인	라임·차콜·오프화이트, 큰 타이포와 작업 목록
방명록	Netlify Functions·Blobs, 비밀번호 기반 수정·삭제
배포·기록	Netlify 자동 배포, GitHub 버전 태그와 화면 보관

2026.09.30 개발 과정 검토의 소스 기준은 bd6367f5ee1e입니다. 홈·방명록 갤러리는 앞선 a0892a51b05d 구현을 로컬에서 실행한 캡처이며, 이번 변경은 프로젝트 설명과 경력 소개를 보완한 내용입니다.

프로젝트가 바뀔 때 설명과 화면을 함께 갱신하고, 실무 기록과 개인 프로젝트 사이의 관련 링크를 보완할 예정입니다.