← 04 / TRACEBUILD
How this
was built
TRACE는 손으로 쓴 기록입니다. 이곳은 아무도 쓰지 않은 기록 — 저장소가 스스로 남긴 것입니다. 커밋 하나하나가 실제 diff로 연결되므로, 여기 적힌 숫자는 확인할 수 있는 주장입니다.
—
무엇을 언제 어떻게 지었는가
막대와 +− 수치는 직접 쓴 줄만 반영합니다. lockfile과 바이너리는 이 저장소 전체 삽입의 절반에 가까워서, 함께 세면 pnpm install을 실행한 커밋이 가장 큰 작업으로 보입니다. 산술적으로는 맞고 완전히 오해를 부르는 그림이라, 따로 세되 숨기지 않았습니다.
- 커밋
- 143
- 기간
- 2026.08.24 — 2026.09.12
- 직접 쓴 줄
- +83,175 −19,390
- 생성된 줄
- 8,059
- 출처
- LIVE GIT · 03b2f21
인장
칸 하나가 커밋 하나입니다. 깊이는 그 커밋이 직접 바꾼 줄 수이고, 바깥으로 튀어나온 표시는 저장소가 스스로 선언한 페이즈입니다. 비어 있는 49칸은 아직 쓰이지 않았습니다. 링이 차면 안쪽에 다음 링이 열리고 바깥 링은 그대로 굳습니다. 세 링이 모두 찰 때까지는 이미 그려진 칸이 다시 움직이지 않습니다.
무게
- html
- 31.1 KB / 31.5 · 99%
- css
- 10.5 KB / 10.5 · 100%
- js
- 177.0 KB / 180.7 · 98%
- font
- 88.0 KB / 97.7 · 90%
- total
- 306.6 KB / 307.0 · 100%
- 모든 라우트가 받는 공용 JS
- 169.5 KB
- 첫 페인트에 아무 라우트도 받지 않는 청크
- 228.8 KB
가장 무거운 라우트 /ko/portfolio/districts · 이 라우트만 별도 상한 · 2026-09-07 빌드(ac89fb5) 실측 · gzip 전송 크기
이 빌드는 저장소를 직접 읽었습니다. 배포 환경에서 클론이 얕으면 잘린 기록을 완전한 것처럼 보여주는 대신 커밋된 스냅샷으로 전환합니다. adanbae-dev/my-page ↗
최근 40개 커밋만 개별 행으로 그립니다. 생략된 103개도 아래 페이즈별 합계에는 모두 들어 있고, 전체는 저장소에서 볼 수 있습니다. 상한은 개수가 아니라 글자 수입니다 — 행의 무게가 제목 길이에 따라 크게 달라서, 개수로 묶으면 예산을 넘깁니다.
PHASE 4
139 COMMITS · +76,966 −18,706
Production
+426 −04개 파일
Portfolio: 흐름 지도를 그리려다 그리지 않은 페이지
라우트컴포넌트로직게이트설정
+1,622 −1113개 파일
Portfolio: 대시보드가 낡아 보인 건 취향이 아니라 어휘를 안 쓴 것이었다
라우트컴포넌트로직
+605 −1195개 파일
Data: 광주·전남이 12개월 동안 0건이었던 이유
라우트로직게이트설정
+1,745 −1,32715개 파일
Portfolio: 조건을 걸면 전부 다시 계산되는 대시보드
라우트컴포넌트로직게이트설정
+1,882 −113개 파일
Portfolio: 랭킹에 노이즈를 섞은 것은 표본이 아니었다
로직게이트설정
+349 −29541개 파일
+317 −04개 파일
Portfolio: 팝업 스타일은 빌리고 복제하지 않는다
컴포넌트
+13 −652개 파일
Build: /build 의 html 한도를 올린다
설정
+14 −01개 파일
Portfolio: 화면 전체가 대시보드인 라우트
라우트컴포넌트로직게이트설정
+2,327 −112개 파일
Portfolio: 명부는 세고, 매출은 만든다
로직게이트설정
+4,720 −1263개 파일
Portfolio: 읍면동 칸에도 팝업
컴포넌트로직
+444 −3125개 파일
Build: 기록 갱신
로직
+805 −4552개 파일
Content: 개인정보처리방침 — 확인할 수 있는 것만 적는다
라우트로직
+639 −16개 파일
SEO: 애드센스가 이 사이트를 확인하는 두 경로
라우트로직게이트설정
+108 −14개 파일
Portfolio: 읍면동 격자를 붙이고 박스를 고정한다
컴포넌트로직게이트설정
+3,604 −3,544220개 파일
Portfolio: 읍면동 색을 로그 척도로
컴포넌트로직
+327 −3052개 파일
+153 −04개 파일
Portfolio: 육각형 하나가 고정 크기다
컴포넌트로직
+307 −2603개 파일
Portfolio: 육각형을 누르면 읍면동 격자가 열린다
라우트컴포넌트로직게이트설정
+996 −31218개 파일
Portfolio: 라우트 430개 대신 정적 JSON 215개
로직게이트설정
+586 −5218개 파일
Portfolio: 시군구마다 읍면동 격자 하나
로직게이트설정
+5,504 −03개 파일
Tooling: 읍면동 중심점 5,007개
게이트설정
+5,296 −03개 파일
Tooling: 읍면동 경계를 출처 목록에 넣는다
게이트
+6 −01개 파일
Tooling: 브이월드에서 무엇을 고를지 적어 둔다
게이트
+10 −01개 파일
Tooling: 받을 수 없는 자료를 목록에 남긴다
게이트
+32 −01개 파일
Portfolio: 같은 격자에 가격변동 — 색이 하나 늘었다
라우트컴포넌트로직스타일게이트설정
+1,827 −43021개 파일
Data: 12개월 창을 완결하고, 두 페이지의 본문이 낡지 않게 했다
라우트로직
+323 −3096개 파일
Portfolio: 직거래율 — 내 가설은 맞았고, 더 나은 설명이 있었다
라우트컴포넌트로직게이트설정
+1,697 −25414개 파일
Portfolio: 계약갱신청구권 5% 상한이 실제로 하는 일
라우트컴포넌트로직게이트설정
+1,707 −39115개 파일
Tooling: 실거래가 수집기와 시군구 코드표
게이트설정
+1,526 −03개 파일
Portfolio: 19.3 과 39.8 이 같은 색이던 것을 고쳤다
컴포넌트로직설정
+384 −2797개 파일
Portfolio: 시군구 지도를 크기가 아니라 색으로 읽게 했다
라우트컴포넌트로직설정
+737 −61810개 파일
Portfolio: 시군구 지도를 국토 모양으로 깔고, 올리면 팝업이 뜬다
라우트컴포넌트로직게이트설정
+947 −59815개 파일
Portfolio: 시군구 245곳을 육각 격자에 올렸다
라우트컴포넌트로직게이트설정
+1,381 −39814개 파일
Build: 기록 갱신
로직
+297 −2682개 파일
Feat: 값 층 둘째 — 인구로 설명되지 않는 것, 그리고 시군구 좌표 245/256
라우트컴포넌트로직게이트
+181 −407개 파일
Build: 기록 갱신
로직
+295 −2682개 파일
Feat: 카토그램을 붙인다 — 행마다 칸이 이어지게
로직게이트
+56 −212개 파일
Build: 기록 갱신
로직
+423 −3932개 파일
+ 99개 커밋 행 생략 · 위 합계에는 포함됨
PHASE 3
1 COMMITS · +1,011 −17
Engineering Showcase
+ 1개 커밋 행 생략 · 위 합계에는 포함됨
PHASE 2
1 COMMITS · +1,506 −51
Personal System
+ 1개 커밋 행 생략 · 위 합계에는 포함됨
PHASE 1
1 COMMITS · +1,760 −616
Golden Path
+ 1개 커밋 행 생략 · 위 합계에는 포함됨
PHASE 0
1 COMMITS · +1,932 −0
Inverted Duotone art direction
+ 1개 커밋 행 생략 · 위 합계에는 포함됨