포스트

세 개의 분리된 프론트엔드 레포를 Turborepo 모노레포로 합치고, 컴파운드 엔지니어링 기반 하네스를 구축한 회고입니다. 모노레포 통합부터 6-Phase 사이클, Agent-Agnostic 폴더 구조까지 정리했습니다.

프롬프트 엔지니어링에서 컨텍스트 엔지니어링, 그리고 하네스 엔지니어링으로 빠르게 옮겨가는 AI 코딩 패러다임의 변화. 몇 달 만에 베스트 프랙티스가 낡아가는 시대에 무엇을 쫓고 무엇을 끝까지 남길지에 대한 개발자의 깊은 고민.

eslint-plugin-react-hooks의 set-state-in-effect 규칙이 존재하는 근본적인 이유를 렌더링 흐름 분석과 React Compiler 관점에서 알아봅니다. 불필요한 재렌더링을 제거하고, 예측 가능한 렌더링을 작성하는 방법을 정리합니다.

Claude Code의 새로운 Agent Teams 기능을 활용해 AI 뉴스 요약봇을 병렬로 개발하는 과정을 단계별로 안내합니다. Agent Teams의 개념부터 셋업, 실전 앱 개발, 트러블슈팅까지 실무 관점에서 정리했습니다.

WebRTC에서 사용되는 비디오 코덱(VP8, VP9, H.264)과 오디오 코덱(Opus, G.711)을 실무 관점에서 비교하고, 크롬 내부 페이지로 실제 코덱을 확인하는 방법까지 다룹니다. AV1, AV2 등 차세대 코덱도 함께 살펴봅니다.

번아웃으로 퇴사를 고민했던 주니어 프론트엔드 개발자의 2025년 회고. 구름톤 in JEJU 해커톤, 항해플러스 6기 완주, 단독 SDK 설계와 런칭, 전사 세미나까지 가장 힘들었지만 가장 많이 성장한 한 해의 기록.

React 앱 컴포넌트에 강결합된 코어 로직을 독립 SDK로 분리하기까지의 설계 고민. 라이브러리와 SDK의 차이, 인터페이스 설계, 의존성 역전 원칙을 RemoteVS 실무 경험으로 정리한 아키텍처 의사결정 기록.

React의 내부 동작 원리를 체계적으로 분석합니다. JSX에서 JavaScript로의 변환 과정, Virtual DOM의 작동 원리, Reconciliation 알고리즘, 그리고 Fiber Architecture의 핵심 개념을 다룹니다.

WebRTC 박살내기 시리즈의 마지막 글입니다. WebRTC의 RTCDataChannel API를 이해하고, 채팅·파일 전송·게임 상태 동기화까지 미디어가 아닌 실시간 데이터 전송의 모든 것을 실전 예제와 함께 알아봅니다.

WebRTC 박살내기 시리즈의 세 번째 글입니다. WebRTC의 핵심 RTCPeerConnection API를 완벽하게 이해하고, 연결 생성부터 이벤트 흐름 처리, 품질 관리, 자동 연결 복구까지 실전 예제와 함께 알아봅니다.

WebRTC 박살내기 시리즈의 두 번째 글입니다. WebRTC의 MediaStream과 MediaStreamTrack 객체를 깊이 이해하고, getUserMedia부터 트랙 제어, 품질 관리, 화면 공유까지 실전 예제와 함께 알아봅니다.

WebRTC 박살내기 첫번째 시리즈 입니다. WebRTC 기본 개념부터 시그널링, Offer/Answer(SDP), Trickle ICE, STUN/TURN, NAT, 그리고 Mesh·SFU·MCU 아키텍처까지 한 번에 정리합니다.