VibeAZ찾고, 직접 해보고, 경험을 나누는 바이브코딩 A to Z

직접 실행 · 자체 예제

그림이 안 보일 때: 에이전트에 확인 요청하기

연습 파일에서 이미지 경로 오류를 찾아 고쳤고, 격리 브라우저에서 풍경이 표시되는 것을 확인했습니다.

VibeAZ 편집실 · 확인일 2026-11-09

연습 파일에서 이미지 경로 오류를 찾아 고쳤고, 격리 브라우저에서 풍경이 표시되는 것을 확인했습니다.

1. 잘못된 이미지 경로와 실제 로컬 이미지가 있는 연습 파일을 연다. 2. 요청문을 코딩 에이전트 채팅에 붙여 넣고 응답을 확인한다. 3. 결과를 열거나 기록을 확인하고 미확인 사항을 함께 살펴본다.

연습용 웹페이지에서 그림이 안 보여. 함께 둔 실제 이미지 파일과 페이지가 참조하는 위치를 비교해 원인을 찾아줘. 이미지 파일을 새로 생성하거나 다운로드하지 말고 잘못된 경로만 고쳐줘. 수정 전후 화면 또는 파일을 확인하고, 다른 문구를 바꿨는지도 알려줘. 나는 코딩을 처음 해. 어려운 말은 짧게 풀어 설명하고, 먼저 현재 상황을 확인한 뒤 요청한 범위만 진행해줘. 확인할 수 없는 내용은 추측하지 말고 알려줘. 내 실제 데이터나 비밀값을 사용하지 말고, 새 유료 서비스나 외부 API를 추가하지 마. 작업을 마치면 내가 직접 확인할 순서와 실행하지 못한 부분을 나누어 알려줘.

연습용 이미지 파일이 사전에 있는 상태에서 잘못된 이미지 파일명을 확인하고 해당 참조만 고쳤다. 격리 브라우저에서 수정 전 이미지 자연 폭 0, 수정된 practice/page.html의 풍경 표시를 확인했다. 단일 demo.html 뷰어는 같은 그림을 data URL로 담아 보여 주므로 상대 경로 수정 자체는 practice/page.html 및 diff가 증거다.

여전히 그림이 안 보여. 파일이 존재하는지와 페이지가 가리키는 경로를 다시 비교하고 확인한 사실만 알려줘.

요청 조건을 읽고 제작·검사한 예제입니다. 문장만 넣은 독립적인 1회 생성 실험은 아닙니다. VibeAZ 자체 제작 · 확인한 예제 파일과 환경에서의 결과입니다. 모델 실행 ID는 기록이 없어 확인 안 됨. 별도의 모델 API 호출·다른 모델 비교는 수행하지 않음. 검증 범위는 제공된 자체 연습 파일과 관찰한 브라우저 환경에 한정. 단일 demo.html 뷰어는 같은 그림을 data URL로 담아 보여 주므로 상대 경로 수정 자체는 practice/page.html 및 diff가 증거다.

그림이 안 보일 때 프롬프트 초보자 따라하기