Post

기술 포스트

플랫폼·DX 설계를 하면서 마주친 문제와 해결 과정을 기록합니다.

"대용량 데이터 다뤄보셨어요?" — 프론트엔드가 부딪힌 건 데이터 크기가 아니라 렌더링이었다

2026-07-19

무한히 길어지는 리스트와 좌표 위에 겹쳐 쌓이는 지도 마커, 두 화면에서 만난 같은 문제 — 데이터가 늘어나는 만큼 DOM 노드가 그대로 늘어나던 렌더링 부하를 풀어간 이야기. 그려지는 노드 수를 데이터 크기에서 떼어낸다는 하나의 원칙 아래, 가상 스크롤에서 점진적 렌더링으로 전환한 판단과 클러스터링 튜닝·기존 설계 덕을 본 지점, 그리고 정량 측정이 빠진 한계까지 정직하게 정리했습니다.

React성능최적화렌더링프론트엔드

"다음엔 누가 배포하죠?" — 인수인계 없이 버튼 하나로 끝나는 GitHub Actions 배포 파이프라인

2026-07-10

매번 사람이 손으로 하던 배포를 GitHub Actions로 자동화해, 담당자가 바뀌어도 절차를 새로 배울 필요 없이 버튼 하나로 배포·롤백할 수 있게 만든 과정. 버전별 S3 폴더링으로 재빌드 없는 롤백, build·release 분리로 실측 빌드 43%·배포 26% 단축, 공용 validation 워크플로우로 배포 전 자동 검증까지 다룹니다.

GitHub ActionsCI/CDAWSIAM Role