// connected · last sync 2026-06-07

매일 하나의 호기심,
한 줄로 기록합니다.

개발자로 살며 만난 작은 의문들. 매일 하나씩 정리해 .mdx 파일로 기록합니다.

// entries
44posts
// categories
9topics
// since
2025-0110
// streak
74days
~/daily.log — filter
$⌘K
// date
// topic
// entry
// read
AI
Claude Code Command: LLM 컨텍스트를 결정론적으로 제어하는 인터페이스Command는 단순한 단축키가 아닙니다. 비결정적인 LLM 에이전트를 사용자가 직접 제어하기 위해 등장한 세션 제어 패러다임, 그 기술적 배경과 실무 활용법을 정리합니다.
5 min
Misc
UDS를 이해하기 위한 OS 기초: 프로세스, IPC, fddocker.sock이 왜 빠르고 안전한지 이해하려면 OS가 프로세스를 격리하는 방식과 그 격리를 넘는 IPC, 그리고 Unix의 'Everything is a file' 철학까지 알아야 합니다.
4 min
Misc
docker.sock: 편의성 뒤에 숨겨진 root 권한docker CLI가 명령을 실행할 때 내부에서 무슨 일이 벌어지는지, 그리고 docker 그룹 멤버십이 사실상 root 권한과 동등한 이유를 UDS 통신 구조부터 공격 시나리오까지 정리합니다.
5 min
Misc
Docker 내부 구조: OS 자원 격리와 mmap 아키텍처dockerd, containerd, runc의 3단계 구조부터 Namespace와 cgroups로 자원을 격리하는 방법, 그리고 bbolt DB가 mmap을 사용하는 이유까지 Docker 내부를 계층별로 정리합니다.
6 min
Frontend
React의 렌더링 우선순위: Fiber와 Lane 모델input 하나로 10,000개 항목을 필터링할 때 왜 타이핑이 버벅일까? Stack Reconciler의 한계부터 Fiber 아키텍처, Lane 모델, Event-to-Priority 매핑까지 React 우선순위 시스템을 정리합니다.
5 min
Frontend
Apache ECharts — option 객체로 읽는 차트 설계선언적 API, 다중 렌더러, 대용량 데이터 처리까지. ECharts의 구조와 option 설계 철학, 그리고 Series·Dataset·VisualMap의 핵심 패턴을 정리합니다.
4 min
Frontend
프론트엔드 테스트는 백엔드와 무엇이 다른가Testing Trophy, RTL의 행동 기반 철학, 비동기 처리, 그리고 네트워크 계층을 가로채는 MSW까지. 백엔드 경험을 가진 개발자를 위한 프론트엔드 테스트 가이드.
6 min
Systems
모든 개발자가 알아야 할 레이턴시 숫자들CPU, 메모리, SSD, 디스크, 네트워크 사이의 속도 차이를 수치로 이해하면 캐시 전략, 네트워크 최적화, 아키텍처 결정이 달라집니다.
4 min
Frontend
CSS Grid — stretch가 작동하는 방식과 높이 상속의 함정Grid Item은 늘어났는데 자식은 왜 안 늘어날까. align-items: stretch의 동작 원리, Indefinite Height 문제, 그리고 중첩 Grid 해결책까지.
5 min
DevOps
Merge 커밋은 왜 생기고, 왜 복잡해지는가충돌이 없는데도 Merge 커밋이 생기는 이유, 3-way Merge 알고리즘, 그리고 복잡해진 Git 그래프를 정리하는 전략까지.
5 min
Runtime
Bun — Node.js 생태계의 복잡성을 하나로패키지 매니저, 번들러, 테스트 러너를 각각 골라 쓰던 시대에서 All-in-one을 선언한 Bun. 탄생 배경부터 ESM 로더 최적화까지 정리합니다.
5 min
AI
Langfuse — LLM 어플리케이션을 위한 관측 플랫폼LLM 기반 서비스의 내부를 들여다보기 어렵다는 문제에서 출발한 Langfuse. Trace 구조, 데이터 적재 방식, 커스터마이징 전략까지 정리합니다.
5 min
AI
Claude Code Skill은 단순한 Mapper가 아니다Skill이 실행 컨텍스트를 어떻게 재구성하는지, 전문 지식의 세 종류, 우선순위 계층, Scope 분리 전략까지 정리합니다.
6 min
Frontend
공용 UI 템플릿을 설계할 때 마주치는 세 가지 충돌사내 React 공용 컴포넌트를 구축하면서 마주친 DX, 커스터마이징, 스타일 일관성 사이의 트레이드오프와 그 고민들을 정리합니다.
4 min
AI
MCP Transport 파헤치기 — Life Cycle, stdio, Streamable HTTPModel Context Protocol의 연결 생명주기와 두 가지 표준 Transport(stdio, Streamable HTTP)의 동작 방식을 공식 문서 기준으로 분석합니다.
8 min
Frontend
Tooltip은 왜 가려질까 — Portal과 getBoundingClientRect로 설계하는 스타일 불변 툴팁overflow, transform, z-index stacking context가 툴팁을 가리는 원리를 분석하고, createPortal과 getBoundingClientRect를 이용해 어떤 부모 구조에서도 동일한 형태를 유지하는 툴팁을 설계하는 방법을 다룹니다.
15 min
Database
MVCC 깊이 파기: Oracle SCN 비교 vs PostgreSQL 행 버전 관리Oracle의 Undo 기반 MVCC와 PostgreSQL의 행 버전 관리를 SCN·xmin·xmax 메커니즘 수준에서 비교합니다.
6 min
DevOps
Nginx의 생존 전략: DNS 지연 해소와 독립적 부팅Nginx 컨테이너가 특정 업스트림을 찾지 못해 종료되는 현상을 경험해 보셨나요? Master-Worker 구조를 통해 Nginx가 외부 환경에 구애받지 않고 독립적으로 동작하게 만드는 방법을 알아봅니다.
4 min
AI
LangGraph부터 Langfuse까지: 'Lang' 생태계 란?LangChain은 알겠는데 Langflow는 뭐지? 우후죽순 생겨나는 'Lang' 접두사 라이브러리들의 정체와 발전 역사, 그리고 최신 트렌드인 AI Agent 시대의 핵심 도구들을 정리합니다.
4 min
Frontend
프론트엔드 실시간 통신 최적화: Shared Worker와 커넥션 일원화 아키텍처 심층 분석다중 탭 환경에서 발생하는 웹소켓 커넥션 병목 현상을 해결하기 위한 Shared Worker 기반의 멀티플렉싱 설계와, 모바일 파편화를 극복하는 리더 선출(Leader Election) 폴백 아키텍처를 분석합니다.
7 min
Network
네트워크 계층(Network Layer)의 세계: 데이터 평면과 제어 평면, 그리고 IP의 원리네트워크의 근육인 데이터 평면(Hardware)과 두뇌인 제어 평면(Routing Logic)을 분리하여 설명합니다. IP, 서브넷팅, 그리고 라우터 내부의 포워딩 동작까지 상세히 알아봅니다.
6 min
Architecture
이벤트 기반 통신과 분산 시스템의 이해 (SSE, WebSocket, Webhook)RESTful API의 한계를 넘어서는 이벤트 기반 통신의 종류와 특징, 그리고 분산 시스템에서의 장단점과 멱등성에 대해 알아봅니다.
5 min
Network
TCP 혼잡제어의 철학적 배경과 인터넷의 안정성TCP 혼잡제어의 원리와 발전 과정을 상세히 다룹니다. 슬로우 스타트부터 Fast Recovery까지.
7 min
Network
방화벽은 왜 수천만 원짜리 장비일까? (하드웨어 방화벽의 세계)방화벽이 단순히 성능 좋은 서버에 설치된 소프트웨어가 아니라, 수천만 원을 호가하는 전용 하드웨어 장비인 이유를 ASIC와 FPGA 칩셋 원리를 통해 파헤칩니다.
4 min
Network
TCP의 결벽증: 패킷 유실을 대하는 우리의 자세 (SACK와 HoL Blocking)패킷이 중간에 사라지면 네트워크는 어떻게 반응할까? TCP 지연의 주범인 HoL Blocking과 똑똑한 재전송 매커니즘인 Fast Retransmit을 파헤칩니다.
4 min
Network
TCP 서버의 내부 동작 심층 분석: 데이터 복사부터 흐름 제어까지서버가 파일을 전송할 때 커널 내부에서는 무슨 일이 일어날까? I/O 성능의 핵심인 Zero-copy와 TCP 속도를 결정짓는 Sliding Window 메커니즘을 파헤칩니다.
5 min
Network
전송 계층(Transport Layer): 신뢰성의 심장부, TCP와 UDP데이터의 배달을 책임지는 전송 계층. 다중화/역다중화의 원리부터 TCP의 3-way Handshake, 그리고 신뢰성 보장 메커니즘(RDT)까지 깊이 있게 파헤칩니다.
4 min
Network
애플리케이션 계층의 완성: 이메일, 스트리밍, 그리고 소켓웹 그 이상의 서비스들. 이메일 프로토콜(SMTP/IMAP)의 차이점과 넷플릭스의 비밀인 CDN/DASH, 그리고 통신의 관문 소켓을 정리합니다.
4 min
Network
애플리케이션 계층(Layer 7): HTTP와 DNS가 대화하는 법웹 개발자의 필수 지식. HTTP의 비상태성과 쿠키, 그리고 인터넷의 내비게이션 DNS의 8단계 여정을 상세히 분석합니다.
6 min
Runtime
CPU는 어떻게 if문을 처리할까? JUMP 명령어와 분기 예측의 세계고급 언어의 if/for 문이 하드웨어 레벨에서 어떻게 작동하는지, 그리고 CPU가 파이프라인 효율을 위해 수행하는 '도박(분기 예측)'에 대해 알아봅니다.
5 min
Network
gRPC(Google RPC): REST를 넘어선 초고성능 통신 프레임워크구글이 마이크로서비스를 위해 개발한 gRPC. HTTP/2와 Protocol Buffers를 통해 어떻게 압도적인 성능을 내는지, 그리고 REST API와는 무엇이 다른지 분석합니다.
4 min
Network
MTU(Maximum Transmission Unit): 패킷의 최대 크기는 왜 1,500바이트일까?네트워크의 터널 높이 제한, MTU. 무조건 크면 효율이 좋을 것 같지만 1,500바이트가 국룰이 된 확률적 이유와 하드웨어의 한계를 분석합니다.
4 min
Network
컴퓨터 네트워크와 인터넷: 데이터는 어떻게 이동하는가?네트워크의 구성 요소(Edge vs Core)부터 패킷 교환의 원리, 그리고 지연(Delay)을 유발하는 4가지 요소를 수식과 함께 분석합니다.
4 min
Network
브라우저 동일 출처 정책(Same-Origin Policy, SOP)브라우저의 동일 출처 정책(Same-Origin Policy, SOP)에 대해 알아본다.
3 min
DevOps
집에서 노는 데스크탑, 회사에서 접속하기: 홈 서버 구축기 (Docker + DDNS)포트포워딩부터 Docker 개발 환경 구축(DooD), 그리고 무료 DDNS 설정까지. 고성능 데스크탑을 나만의 클라우드 서버로 만드는 전체 과정을 정리합니다.
4 min
Network
파일 업로드시 웹 서버 부하 정도(Nginx)클라이언트가 적어도 서버가 죽을 수 있다? 파일 업로드 시 Nginx가 Disk I/O를 감수하며 백엔드를 지키는 원리(Request Buffering)를 심층 분석합니다.
4 min
Architecture
Hexagonal Architecture: 테스트하기 좋은 코드를 위한 아키텍처Layered Architecture의 한계를 극복하고, 비즈니스 로직을 기술로부터 격리시키는 헥사고날 아키텍처(Ports and Adapters)를 코드 예제와 함께 알아봅니다.
5 min
Frontend
Module Federation의 Shared 의존성 관리Module Federation의 의존성 Singleton과 버전관리 성능이슈는 어떻게 이뤄질까?
5 min
Network
3D 웹 게임에서 발견한 .br 파일, 렌더링 효율의 비법믿기지 않을 정도로 부드러운 3D 웹 게임의 비밀, .br 파일에 숨겨진 렌더링 효율의 비법을 파헤쳐보자
5 min
Runtime
JavaScript 엄격 모드('use strict'): 런타임의 안전벨트TypeScript와 ESLint가 있는데 왜 'use strict'를 알아야 할까? 런타임 제어와 정적 분석의 차이를 이해한다.
4 min
AI
A2A, MCP, AI Agent: 모호한 AI 용어, 개발자 관점으로 정리하기AI Agent, MCP, A2A... 쏟아지는 용어들의 관계를 '직원, USB, 회의'에 비유하여 명확히 정의하고, 개발 프로세스의 변화를 알아본다.
6 min
AI
RAG vs Fine-Tuning: 지식의 확장인가, 행동의 교정인가?RAG가 있는데 굳이 비싼 Fine-Tuning을 왜 할까? 프로젝트 구조와 데이터 예시를 통해 두 기술의 결정적 차이를 분석합니다.
5 min
Frontend
Java Test코드 작성 @Transactional 테스트 격리의 딜레마테스트 격리를 위해 사용하는 @Transactional이 프로덕션 환경과의 불일치를 초래하는 이유와, tearDown을 통한 데이터 클렌징이 필요한 순간을 분석한다.
5 min
Runtime
JIT 컴파일러의 역사와 원리: V8 엔진을 중심으로Java HotSpot부터 Chrome V8까지, JIT의 등장 배경과 JavaScript 엔진의 최적화 파이프라인(Ignition & TurboFan)을 심층 분석합니다.
6 min
// 0x00.author

백엔드 출신,
다시 프론트를 배우는 중.

백엔드 경험을 토대로 프론트엔드·시스템·AI 영역까지 호기심을 옮겨가며 매일 하나의 작은 사실을 정리합니다. 거대한 글보다 작고 정확한 단편을 모으는 쪽을 좋아합니다.

글은 개인 Notion에서 시작해 AI 도움으로 .mdx로 변환·발행되고, 모든 게시물은 GitHub에 그대로 보관됩니다. 한 번에 한 가지만 명확히.

Backend → FrontendSystemsAI / LLM ToolingArchitectureDaily ✱