본문으로 건너뛰기
$ls ./posts --filter Frontend
4 file(s)
노드 900개짜리 그래프 그리기 — 안 죽고, 안 멈추고, 알아볼 수 있게
2026-08-25|16min|👁 244|❤️ 1|#frontend

노드 900개짜리 그래프 그리기 — 안 죽고, 안 멈추고, 알아볼 수 있게

데이터 파이프라인 도구의 리니지 그래프(노드 수백 개, dagre 기반)를 운영하며 세 번의 벽을 만났다. 레이아웃 라이브러리가 확률적으로 죽었고(클러스터 4개 이하 0% → 12개 60% 실측), 고치니까 이번엔 브라우저가 통째로 멈췄고(메인 스레드의 O(N³)), 그것도 잡으니까 화면이 엣지 1,000개짜리 털뭉치가 됐다. 세 문제의 해법은 전부 같은 모양이었다 — 무엇을 포기할지 먼저 정하고, 포기한 자리에 보장을 채운다. 폴백 사다리, 워커 격리, 뷰포트 컬링까지의 전체 이야기다.

빌드 40분을 3분으로: Module Federation으로 마이크로 프론트엔드 만든 이야기
2026-02-21|14min|👁 854|#frontend

빌드 40분을 3분으로: Module Federation으로 마이크로 프론트엔드 만든 이야기

TL;DR: 5개 레거시 앱 → 하나의 통합 플랫폼. 2~3명이서. AI랑 같이. 3개월 만에.

우당팅탕 디자인 시스템 개발 하기: shadcn/ui를 선택한 이유
2026-01-20|7min|👁 824|#frontend

우당팅탕 디자인 시스템 개발 하기: shadcn/ui를 선택한 이유

기획자도 디자이너도 없는 환경에서 매번 UI를 새로 만들던 고통 끝에, shadcn/ui의 Headless 구조와 코드 소유권에 주목해 디자인 시스템을 직접 만들었습니다. primitive UI 개발 없이 스타일만 얹는 방식으로 27개 컴포넌트를 30일 만에 완성, 이후 4개 앱을 50일 안에 찍어낸 경험기입니다.

TL;DR: 다국어 번역을 사용하지 않을거라면 읽을 필요가 없습니다.
2024-11-12|18min|👁 610|#frontend

TL;DR: 다국어 번역을 사용하지 않을거라면 읽을 필요가 없습니다.

기획자 없이 개발하다 보니 번역 키 관리가 엉망이 되어버린 상황에서, 수작업 노가다를 자동화로 바꾼 경험을 공유합니다. 한국어 텍스트를 키로 활용하는 전략, i18next-parser로 missing key 자동 등록, JSON ↔ Excel 동기화 스크립트 구축까지 — 번역 파일 관리를 개발자답게 해결한 과정을 담았습니다.

./subscribe.sh
$newsletter --subscribe

새 글이 올라오면 이메일로 알려드릴게요! 📬

언제든지 구독을 해지할 수 있어요. 스팸 없음!

© 2026 sangwoo.yang

built by AI • v1.0.0