전체 글

프록시와 리버스 프록시 — 방향이 뒤집히면 뭐가 달라지나

터널을 만들다가 깨달았다 Custom Tunnel…

2026.07.04·3분 읽기

🍋

JavaScript

코드는 어떻게 트리가 되는가 — AST와 파싱, 그리고 JSX·TS 파싱하기

앞선 글에서 우클릭으로 컴포넌트 소스로 점프하는 도구를 만든 이야기를 했다. 그 도구의 심장은 "코드를 읽어서 원하는 위치를 찾아내는" 부분, 즉 AST 파싱이다. 만들면서 AST…

🍋

JavaScript

반복문에서 API 호출하기 — forEach가 안 되던 이유, 그리고 Promise.all의 오해

YouTube Playlist Generator를 만들 때, 곡 목록을 순회하며 각 곡을 검색하고 재생목록에 넣는 코드를 짰다. 그런데 forEach…

⚛️

React

'이 버튼 대체 어느 파일이야?' — 우클릭으로 컴포넌트 소스로 점프하는 도구를 만들었다

…

⚛️

React

유튜브 댓글의 타임라인을 내 재생목록으로 — 손으로 하던 걸 자동화했다

노래는 좋은데, 몇 곡이 걸린다 유튜브에서 "Lo-fi…

2026.07.02·4분 읽기

AI가 '이 버튼 고쳐줘'를 알아듣게 하기 — 코드 로케이터를 MCP로 열다

react-code-locator 시리즈의 마지막 글. 지금까지는 사람이 화면에서 우클릭해 소스로 점프하는 이야기였다. 그런데 요즘은 코드를 고치는 주체가 사람만이 아니다. AI…

ngrok을 직접 만들었다 — 로컬 서버를 공개 URL로 여는 VSCode 확장

"지금 로컬에서 도는 거, 폰으로 좀 볼 수 있을까?" 개발하다 보면 자주 겪는다. 로컬(localhost:300…

2026.07.02·2분 읽기

클릭은 통과시키고, 글씨색은 배경에 맞추기 — 오버레이 위젯의 두 가지 트릭

시세 위젯 확장은 "아무 웹페이지 위에" 떠 있어야 한다. 그런데 남의 페이지 위에 뭘 덮으면 두 가지 문제가 생긴다. (1) 위젯이 아래 페이지의 클릭을 가로막고, (…

2026.07.02·3분 읽기

⚛️

React

React Fiber 파헤치기 — DOM 요소에서 컴포넌트 트리로 거슬러 올라가기

우클릭으로 컴포넌트 소스로 점프하는 도구를 만들 때, 런타임의 핵심 질문은 이거였다. 사용자가 클릭한 이 DOM 요소가, 대체 어느 React…

2026.07.02·4분 읽기