Blog
배움과 경험을 기록하고 가꾸는 공간입니다.
직무 타이틀의 종말: AI 시대, 엔지니어의 본질적 페르소나
Claude Code 총괄 Boris Cherny가 제안한 5대 엔지니어링 페르소나(Prototyper, Builder, Sweeper, Grower, Maintainer)를 통해 도구 중심의 직무 구분을 넘어 제품 생애주기 관점에서 엔지니어의 기여 방식을 고찰합니다.
양방향의 환상과 단방향의 진실: Vue v-model과 React useState의 데이터 흐름
Vue의 v-model과 React의 useState를 양방향과 단방향의 대립으로 나누기보다, 값 전달과 변경 요청이라는 단방향 데이터 흐름과 단일 소유권 관점에서 두 문법의 본질과 구조적 차이를 고찰합니다.
JavaScript SEO: 초기 HTML과 GSC 렌더링 결과로 색인 문제 진단하기
초기 HTML과 Google Search Console 렌더링 결과를 대조하여 JavaScript 기반 웹 애플리케이션의 색인 문제를 정밀 진단하고, Next.js 환경에서 신뢰성 있게 해결하는 실무 아키텍처를 정리합니다.
Query Key는 캐시의 주소다: TanStack Query 캐시 아키텍처 설계
TanStack Query에서 Query Key를 설계하는 공학적 원칙을 정리합니다. Query Key를 단순한 식별자가 아니라 캐시 저장소의 계층적 주소로 정의하고, 의존성과 리소스 구조를 안전하게 격리하는 패턴을 다룹니다.
같은 자바스크립트인데 왜 더 느릴까: V8 Hidden Class와 Inline Cache
객체에 담긴 값이 아니라 객체의 모양이 성능을 바꾼다. V8의 Hidden Class와 Inline Cache가 어떻게 동작하는지, 그리고 React 코드에서 어떤 습관이 최적화를 깨뜨리는지 사례 중심으로 정리합니다.
개발자가 UI를 직접 설계하지 않는 시대: Agentic Dynamic UI 아키텍처
고정된 시나리오와 조건문 기반 UI의 한계를 넘어, 서버 스트림(SSE)과 AI 에이전트의 추론을 결합하여 실시간으로 맥락에 맞는 인터페이스를 생성하는 Agentic Dynamic UI 패러다임을 살펴봅니다.