Blog
프론트엔드와 아키텍처, AI 시대의 엔지니어링에 대해 생각한 것을 기록합니다.
2026
모두가 같은 AI를 쓴다면, 차이는 어디서 생길까: 뇌과학으로 본 엔지니어의 고흡수력
코드 생성 비용이 0에 수렴하는 AI 시대, 엔지니어링의 핵심 병목은 '작성'에서 '흡수와 검증'으로 이동했습니다. 인지과학의 작동 기억, 스키마 청킹, 멘탈 시뮬레이션을 통해 고흡수력 엔지니어가 시스템 무결성을 지켜내는 원리를 살펴봅니다.
Engineering, AI, Cognitive Science, Architecture, Software Engineering, Learning
평균의 함정과 Data의 입체적 지형도: 중심화, 퍼짐, 분포 형태를 관통하는 기술 통계학
왜 API 평균 응답 시간이 200ms인데 사용자는 서비스가 멈췄다고 느낄까요? 단 하나의 숫자에 매몰되지 않고 Data의 진짜 모습을 복원하는 기술 통계량의 3대 기둥(중심화, 산포, 형태)을 Interactive Simulation과 함께 살펴봅니다.
Statistics, DataAnalysis, Observability, Engineering, Interactive
직무 타이틀의 종말: AI 시대, 엔지니어의 본질적 페르소나
Claude Code 총괄 Boris Cherny가 제안한 5대 엔지니어링 페르소나(Prototyper, Builder, Sweeper, Grower, Maintainer)를 통해 도구 중심의 직무 구분을 넘어 제품 생애주기 관점에서 엔지니어의 기여 방식을 고찰합니다.
Engineering, Career, AI, Claude Code, Architecture
양방향의 환상과 단방향의 진실: Vue v-model과 React useState의 데이터 흐름
Vue의 v-model과 React의 useState를 양방향과 단방향의 대립으로 나누기보다, 값 전달과 변경 요청이라는 단방향 데이터 흐름과 단일 소유권 관점에서 두 문법의 본질과 구조적 차이를 고찰합니다.
Vue, React, JavaScript, Frontend, Architecture
JavaScript SEO: 초기 HTML과 GSC 렌더링 결과로 색인 문제 진단하기
초기 HTML과 Google Search Console 렌더링 결과를 대조하여 JavaScript 기반 웹 애플리케이션의 색인 문제를 정밀 진단하고, Next.js 환경에서 신뢰성 있게 해결하는 실무 아키텍처를 정리합니다.
SEO, JavaScript, Next.js, Google Search Console, Architecture
Query Key는 캐시의 주소다: TanStack Query 캐시 아키텍처 설계
TanStack Query에서 Query Key를 설계하는 공학적 원칙을 정리합니다. Query Key를 단순한 식별자가 아니라 캐시 저장소의 계층적 주소로 정의하고, 의존성과 리소스 구조를 안전하게 격리하는 패턴을 다룹니다.
TanStack Query, React, Cache, Frontend, Architecture
같은 자바스크립트인데 왜 더 느릴까: V8 Hidden Class와 Inline Cache
객체에 담긴 값이 아니라 객체의 모양이 성능을 바꾼다. V8의 Hidden Class와 Inline Cache가 어떻게 동작하는지, 그리고 React 코드에서 어떤 습관이 최적화를 깨뜨리는지 사례 중심으로 정리합니다.
JavaScript, V8, Performance, React
2025
개발자가 UI를 직접 설계하지 않는 시대: Agentic Dynamic UI 아키텍처
고정된 시나리오와 조건문 기반 UI의 한계를 넘어, 서버 스트림(SSE)과 AI 에이전트의 추론을 결합하여 실시간으로 맥락에 맞는 인터페이스를 생성하는 Agentic Dynamic UI 패러다임을 살펴봅니다.
Agent, Dynamic UI, SSE, Architecture, AI