List 디자인 시스템 · 11편
List의 공개 범위는 왜 타입만으로 지킬 수 없었을까
exports로 패키지의 공개 경로를 설계하고, JavaScript와 CSS가 줄어드는 단위를 가르기
#설계
AI가 사용할 디자인 시스템은 무엇이 달라야 할까
규칙을 문서에 적는 것과 시스템에 심는 것의 차이
List 디자인 시스템 · 2편
List를 화면이 아니라 구조로 나누자 Recipe의 기준이 생겼다
화면 사례를 anatomy로 나누고 Recipe와 Variant의 경계를 정한 세 가지 질문
앱 배포 없이 바뀌는 모달 웹뷰를 설계한 이야기
최초 도입은 앱 배포가 필요했다. 그 이후를 웹 배포만으로 바꾸는 것이 목표였다
FSD에서 배럴 파일 사용 가이드
배럴 파일은 FSD에서 Public API 역할을 하지만, 잘못 쓰면 순환 import와 tree shaking 실패를 부른다. 계층별 사용 기준과 성능 함정을 정리했다
FSD 아키텍처 소개
모노레포 구조의 서비스마다 폴더 구조가 너무 달랐다. 공통 컨벤션이 필요한 상황에서 왜 FSD인가에 대한 이야기
Vanilla Web: You don't need that library
라우팅·상태 관리·템플릿팅·컴포넌트를 라이브러리 없이 브라우저 표준만으로 푸는 방법을 짚은 발표 정리다. 도구를 고르기 전에 그 도구가 가리고 있는 웹 플랫폼을 먼저 보자는 이야기다.
React useState를 언제 작별해야 할까?
useState가 나쁜 게 아니라, 너무 간단해서 복잡한 자리에 잘못 놓인다. 다섯 가지 문제 상황과 각각의 대안을 실무 경험과 함께 정리했다
Next.js 미들웨어의 복잡성을 해결하는 파이프라인 라이브러리 개발기
인증 체크 하나로 시작한 middleware.ts가 500줄이 됐다. Express의 next() 패턴을 Next.js Edge Runtime에 맞게 다시 만들면서 어댑터 패턴과 fail-open을 고른 기록