FE 아티클

Firefox 148이 표준 Sanitizer API와 Element.setHTML()을 최초 탑재했다. innerHTML 대입을 setHTML()로 바꾸는 최소한의 수정만으로 XSS를 기본 안전으로 끌어올릴 수 있다.

Firefox 148이 표준 Sanitizer API와 Element.setHTML()을 최초 탑재했다. innerHTML 대입을 setHTML()로 바꾸는 최소한의 수정만으로 XSS를 기본 안전으로 끌어올릴 수 있다.

useSyncExternalStore는 동시성 렌더링 환경에서 외부 상태를 테어링 없이 구독하기 위한 공식 훅. subscribe/getSnapshot/getServerSnapshot 계약을 정확히 지켜야 한다.

AI 코딩 도구가 보조에서 독립 실행자로 넘어가고 있다는 경고 에세이. FE 엔지니어가 지금 당장 택해야 할 4가지 행동을 정리.

Pretext의 진짜 혁신은 화려한 용 데모가 아니라 prepare()/layout() 2단계로 강제 reflow 없이 DOM 텍스트를 유지하며 측정하는 아키텍처다.

Codex CLI는 agent_loop + prompt caching + App Server(OpenAPI) 세 축으로 동작한다. 토큰 비용이 turn이 아니라 누적 컨텍스트 길이로 결정된다는 사실이 도구 설계의 방향을 뒤집는다.

TC39 Explicit Resource Management 제안이 도입한 using / await using 키워드로 파일·DB·소켓 리소스를 스코프 종료 시 자동 해제하는 패턴을 정리한다.

시니어는 실패를 예측해도 조용히 둔다. 옳은 것과 효과적인 것은 다르다는 통찰과 영향력을 은행 계좌처럼 관리하는 전략을 다룬다.

Claude Code 스킬의 자동 활성화 성공률을 UserPromptSubmit 훅으로 20%에서 84%까지 끌어올린 실측 실험 기록.

URL을 1급 상태 컨테이너로 다루면 공유, 북마크, 뒤로가기가 공짜다. 어디에 넣고 어디에 두지 말지, React에서 어떻게 동기화할지 판단 기준을 정리한다.

React에서 재사용 가능한 Toast 컴포넌트를 Context + useReducer + createPortal로 설계하고, 자동 제거와 접근성(aria-live)까지 챙기는 단계별 구현 가이드.

시스템 일부가 실패해도 전체가 죽지 않게 하는 설계 원칙. FE에서는 Retry·Circuit Breaker·Fallback UI·ErrorBoundary로 장애를 격리한다.

left-pad 사태 10주년. npm 트리가 수백~수천 노드로 번식하는 구조적 원인과 lockfile/벤더링/URL 임포트 같은 대안을 방어 레이어별 로 정리한다.