https://team-edo.github.io/tags/chrome-devtools/Recent content in Chrome DevTools on 얼쑤 · Team EdoHugoko-krTue, 03 Nov 2026 00:00:00 +0900https://team-edo.github.io/posts/2026/11/console-error-origin-before-api/Tue, 03 Nov 2026 00:00:00 +0900https://team-edo.github.io/posts/2026/11/console-error-origin-before-api/<p>얼쑤의 곡 목록 API를 점검할 때 Chrome 콘솔에 <code>Cannot read properties of undefined (reading 'sentence')</code> 오류가 <strong>아홉 건</strong> 찍혔습니다. 곡 목록을 요청하는 동안 보인 오류라 처음에는 응답을 처리하는 코드부터 봐야 할지 판단하기 어려웠습니다. 같은 요청의 응답은 <strong>HTTP 200</strong>이었고 본문에는 <code>isSuccess: true</code>가 들어 있었습니다.</p> <h2 id="콘솔에서는-스택의-파일-출처를-봤습니다">스택에서 파일 출처 확인</h2> <p>오류 아홉 건의 스택에는 브라우저 확장의 <code>contentScript.js</code>가 있었습니다. 파일명만으로는 앱의 스크립트인지 알기 어려웠고, 출처가 확장 프로그램의 주소라는 점이 단서였습니다. 같은 기록에는 Swagger UI의 번들에서 발생한 응답 표시 오류도 따로 있었습니다. 두 종류의 메시지는 비슷한 시점에 떴지만 서로 다른 스크립트에서 실행된 코드였습니다. <a href="https://developer.chrome.com/docs/devtools/console/reference">Chrome DevTools 콘솔 문서</a></p>