스타트업을 위한 디자인 시스템: 내가 거꾸로 구축한 방법
디자인 시스템을 거꾸로 만들었습니다: 토큰 우선, 컴포넌트 나중. CLS 버그가 토큰을 건너뛴 대가를 알려주었고, 투자 시기 논쟁을 끝냈습니다.
Design & UX디자인, 개발, AI 인프라, 제품 구축에 대한 생각.
디자인 시스템을 거꾸로 만들었습니다: 토큰 우선, 컴포넌트 나중. CLS 버그가 토큰을 건너뛴 대가를 알려주었고, 투자 시기 논쟁을 끝냈습니다.
Design & UX4년간의 지난해 리뷰(Past Year Review) 데이터를 통해 어떤 결정이 복리로 쌓이고 어떤 결정이 에너지를 소모하는지 확인했습니다. 이 데이터가 커리어 결정 방식을 바꿨습니다.
Systems & Productivity제품 디자인 VP로 12년간 일하면서 세 번의 패러다임 전환을 목격했습니다. 매번 살아남은 역량은 AI가 대체할 수 없는 바로 그 역량이었습니다.
Design & UX50번의 Claude Code 세션에서 토큰 소비량을 측정했습니다. 컨텍스트 소진은 눈치채기 전에 출력 품질을 저하시킵니다. 이를 해결하는 패턴을 소개합니다.
AI Development저는 구조적 정직함과 절대적인 검정 위의 정밀한 타이포그래피를 결합하여, 아름다움과 브루탈리즘의 교차점에서 사이트를 구축했습니다.
Design & UXClaude Code용으로 95개의 hook을 만들었습니다. 각각은 무언가 잘못되었기 때문에 존재합니다. 그 기원 이야기와 거기서 발생한 아키텍처를 소개합니다.
AI Development디자인 + 엔지니어링 + AI가 결합되어 어떤 단일 역량으로도 만들 수 없는 도구를 탄생시켰습니다. 인터랙티브 계산기와 다학제 융합의 실제 사례를 소개합니다.
Systems & Productivity9개월 동안 12개 프로젝트를 검증했습니다. 일부는 프레임워크를 따랐고, 일부는 단계를 건너뛰었습니다. 결과의 차이가 어떤 증거가 실제로 중요한지 알려주었습니다.
Career & Growth색상 없이 사이트를 만들었습니다 — 절대 검정 위의 흰색과 네 가지 불투명도 레이어만으로. 이 결정을 가능하게 한 색채 과학을 소개합니다.
Design & UXGoogle의 Project Aristotle은 심리적 안전감이 팀 성과를 예측하는 가장 강력한 요인임을 발견했습니다. 저는 동일한 원칙을 자동화된 코드 리뷰 hook에 적용했습니다.
Career & Growth대부분의 코드베이스는 성장하면서 느려집니다. 제 것은 가속됩니다. 95개 훅, 44개 스킬, 14개 설정이 새 기능을 더 저렴하게 만듭니다.
AI & Technology저는 매일 86개의 훅과 완전한 품질 게이트 시스템을 갖추고 Claude Code를 사용합니다. 어디서 바이브 코딩을 하고, 어디서 엔지니어링을 하는지, 그리고 그 경계가 왜 중요한지 설명합니다.
AI & Technology기술 글쓰기: Introl
대규모 언어 모델을 로컬에서 실행하기 위한 종합 하드웨어 권장 사항 및 비용 분석.
다양한 AI 워크로드를 위한 NVIDIA 최신 데이터센터 가속기 비교 GPU 선택 가이드.
Google의 TPU v1부터 TPU v5까지의 Tensor Processing Unit 발전에 대한 심층 기술 분석.
컨테이너화된 환경에서 GPU 클러스터의 리소스 공유 전략.
Ray 프레임워크를 사용한 분산 AI 컴퓨팅 구축 및 관리 가이드.
오픈소스 LLM 경제학 및 DeepSeek의 경쟁 포지셔닝 분석.
미래 데이터센터 전력 요구 사항 및 NVIDIA의 차세대 GPU 로드맵.
차세대 AI 인프라에 전력을 공급하는 소형 모듈식 원자로 솔루션.
DeepSeek의 Multi-Head Compression 아키텍처 혁신에 대한 기술 분석.