Hello Chrome Extension: 나의 첫 크롬 익스텐션 개발기
해당 프로젝트는 Claude Code를 이용해 제작한 과정 입니다.🤖
왜 만들었나
버그를 리포트하거나, 프론트-백엔드 담당자에게 API 문제를 공유하거나, 요즘은 LLM에게 "이 요청 왜 이렇게 응답하는지 봐줘"라고 물어볼 때 매번 똑같은 잡일을 반복하고 있었다.
크롬 DevTools의 Network 패널을 열고, 문제의 요청을 클릭하고, Headers 탭에서 필요한 헤더를 찾아 복사하고, Payload 탭으로 넘어가 요청 본문을 복사하고, Response 탭으로 넘어가 응답 본문을 복사하고, 이걸 다시 보기 좋게 마크다운으로 짜맞추는 과정. DevTools도 "Copy as cURL"이나 "Copy Response" 같은 기능을 제공하지만, 내가 원하는 조합(예: 상태 코드 + 특정 헤더 몇 개 + 본문만)으로는 한번에 나오지 않는다.