36. Browser로 미리보고 디버깅하기

데스크톱 앱 안에는 개인 브라우저와 분리된 브라우저가 들어 있습니다. 렌더된 화면을 코드 옆에서 보고 요소에 주석을 남겨 피드백하며, Developer mode를 켜면 콘솔·네트워크·DOM까지 들여다봅니다.

한 줄 요약

화면을 같이 보면서 짚는 것이 핵심입니다. 말로 설명하는 대신 해당 요소에 주석을 찍고, 원인 추적이 필요하면 Developer mode를 세션 단위로 승인해 켜세요.

내장 브라우저가 하는 일

데스크톱 앱에는 브라우저가 들어 있습니다. ChatGPT가 웹사이트를 열어 최신 정보를 모으고 필요한 동작을 수행하는데, 그 화면을 대화 안에서 함께 봅니다. 평소 쓰는 브라우저와는 프로필이 분리되어 있어서 개인 브라우저의 쿠키·세션·기록과 섞이지 않습니다.

툴바 아이콘

앱 툴바의 브라우저 아이콘을 클릭합니다.

대화 속 URL 클릭

응답에 포함된 링크를 누르면 내장 브라우저에서 열립니다.

직접 이동

주소를 입력해 원하는 페이지로 갑니다.

단축키

Cmd + Shift + B (Windows는 Ctrl + Shift + B)

렌더된 화면을 코드 옆에 두고 볼 수 있습니다. 고칠 곳이 보이면 해당 요소나 영역에 주석을 찍어 "여기 이 부분" 하고 짚은 다음, 원하는 결과를 함께 적어 보내면 됩니다. 말로 위치를 설명하는 것보다 오해가 훨씬 적습니다.

주석 인터페이스에는 폰트·텍스트·간격·색상을 직접 조절하는 컨트롤도 있습니다. 값을 바꿔 화면에서 먼저 확인한 뒤, 마음에 드는 상태를 그대로 피드백으로 넘기는 흐름입니다.

37. Computer use를 켜 두면 ChatGPT가 내장 브라우저를 직접 조작합니다. 페이지를 열고, 클릭하고, 입력하고, 렌더된 상태를 확인하고, 스크린샷을 찍어 작업이 끝났는지 스스로 검증합니다. 로컬 개발 결과를 눈으로 확인시키는 용도로 잘 맞습니다.

Developer mode를 켜면 ChatGPT가 Chrome DevTools Protocol(CDP)에 제한적으로 접근합니다. 이걸로 할 수 있는 일은 다음과 같습니다.

⚠️ 승인 범위: CDP 전체 접근은 브라우저 내부에 민감한 정보까지 노출되므로 세션마다 명시적으로 승인해야 합니다. 한 번 켰다고 계속 열려 있지 않습니다.

항목	기본값과 조정 위치
다운로드 위치	시스템 Downloads 폴더. Settings > Browser에서 경로를 바꾸거나 저장할 때마다 묻도록 설정합니다.
사이트 접근	처음 방문하는 사이트는 열기 전에 확인을 받습니다.
민감한 동작	양식 제출·구매·권한 변경·데이터 삭제는 승인이 필요합니다.
권한 정책	Settings > Browser에서 Always ask · Auto approve · Always allow 중에 고릅니다.
파일 업로드	내장 브라우저에서는 자동화되지 않습니다. 직접 올려야 합니다.