All Posts

Abdul Bari 의 클라우드 컴퓨팅 4부작을 한 편으로 정리했다. 데스크톱 → 클라이언트-서버 → 클러스터 → 그리드로 이어지는 컴퓨팅 모델의 진화, ARPANET 에서 데이터센터까지의 역사, 웨딩홀 비유로 푸는 IaaS/PaaS/SaaS, 그리고 클라우드의 9가지 장점.

TanStack Intent 는 Agent Skills 를 npm 패키지에 번들해서 라이브러리 버전과 스킬 버전을 동기화하려는 시도다. 아이디어는 좋지만 AGENTS.md 에 LLM 으로 복사하는 방식이라 동기화가 다시 깨진다. 에이전트 설정 파일로 node_modules 안의 스킬을 직접 참조하는 편이 낫다.

제네릭은 타입 함수(type helper)라는 관점에서 출발해, 런타임 인자로부터의 추론, extends 제약, 다중 제네릭, 타입 파라미터 기본값, Zod 스키마 연동까지 — Matt Pocock 이 꼽은 제네릭 실전 팁 10가지를 정리했다.

display: none ↔ display: grid 전환은 discrete 속성이라 transition 이 안 걸렸다. transition-behavior: allow-discrete 로 닫힐 때의 페이드아웃을, @starting-style 로 열릴 때의 시작 상태를 지정하면 양방향 모두 transition 된다. 두 줄이면 끝난다.

flexbox 는 직계 자식에만 적용되기 때문에, 그룹핑용 wrapper div 를 추가하는 순간 레이아웃이 깨지고 wrapper 안에 같은 flexbox 코드를 또 써야 했다. display: contents 한 줄이면 wrapper 를 레이아웃 흐름에서 지워서 자식들이 원래 flex 컨테이너의 아이템처럼 배치된다. 대신 wrapper 의 시각적 스타일이 전부 사라지는 함정을 알아야 한다.