개발 노트
개발 노트최신 글
원격 데스크톱을 직접 설계해보니 — '직접 연결 먼저, 안 되면 릴레이'의 정체
상대 PC를 보고 조작하는 원격 제어 도구를 설계하며 정리한 연결 전략(WebRTC ICE), 입력 주입, 그리고 보안 우선 설계 이야기입니다.
2026.07.12최신 글
데모웹 도구
Redis를 명령어 암기 말고 '관찰'로 배우기 — 브라우저 놀이터를 만들었다
자료구조, TTL, 캐시-어사이드 vs 라이트스루, Lua 원자성. Redis의 핵심 개념을 브라우저에서 직접 명령을 쳐보며 익히는 학습용 시뮬레이터를 만든 이야기입니다.
2026.07.11
데모웹 도구
사진을 도트 그림으로 — 브라우저만으로 만든 픽셀 아트 변환기
서버 없이 Canvas API만으로 이미지 축소, 색상 양자화(median-cut), 디더링까지 처리하는 픽셀 아트 변환기를 만들었습니다.
2026.07.11개발 노트
개발 노트
탭 2~3개만 쓰는 나를 위한 저메모리 브라우저 만들기
크롬이 왜 그렇게 무거운지 파고들다 WebView2로 개인용 미니 브라우저를 만들었습니다. 탭 서스펜드, 메모리 모니터, EasyList 광고 차단의 실제 구현 기록입니다.
2026.07.11개발 노트
개발 노트
아이패드를 노트북 보조 모니터로 — 웹으로는 못 만드는 도구를 만든 이야기
Windows 가상 디스플레이 생성, 화면 캡처, H264 하드웨어 인코딩, WebRTC 전송까지 — 브라우저 밖에서만 가능한 화면 확장 도구의 개발 기록입니다.
2026.07.11
데모데이터 시각화
전 세계 지진 지도
USGS 지진 피드를 지도에 표시하고 기간, 규모, 지역으로 찾아볼 수 있게 만들었습니다.
2026.07.10
데모개발 노트
사내 고객 화상회의 앱을 만들고 정적 사이트에 붙여봤습니다
WebSocket 시그널링 + WebRTC mesh로 동작하는 화상회의 데모를 만들고, 정적으로 배포되는 블로그에 실시간 백엔드를 어떻게 연결했는지 정리했습니다.
2026.07.10개발 노트
개발 노트
블로그 UI를 픽셀 스타일로 바꾸면서 손본 것들
Tailwind 반경 토큰, clip-path, CSS 애니메이션으로 블로그의 픽셀 스타일을 구성한 기록입니다.
2026.06.27