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

직접 실행 · 자체 예제

눌러도 안 열리는 링크 고치기

연습용 HTML에서 이용 안내 링크를 실제 안내 구역에 연결하도록 수정했습니다.

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

연습용 HTML에서 이용 안내 링크를 실제 안내 구역에 연결하도록 수정했습니다.

1. 내 연습 페이지와 파일을 연 코딩 에이전트에서 아래 요청문을 보냅니다. 어느 링크를 눌러도 이동하지 않는지 함께 적습니다. 2. 수정된 HTML을 열어 이용 안내 링크를 누릅니다. 이번 예제에서는 주소 끝이 #instructions에서 #guide로 바뀌어 실제 안내 구역과 맞아졌습니다. 3. 문의 안내도 눌러 기존 #contact 연결이 유지되는지 확인합니다. 본문 문구와 다른 링크까지 바뀌지 않았는지 살펴봅니다.

연습 페이지의 “이용 안내”를 눌러도 아래쪽 안내 글로 이동하지 않아. 링크가 가리키는 위치와 실제 안내 구역을 확인하고 해당 연결만 고쳐줘. 다른 링크와 안내 문구는 그대로 두고, 수정 전후에 버튼을 눌러 어디로 이동하는지 확인해줘. 나는 코딩을 처음 해. 어려운 말은 짧게 풀어 설명하고, 먼저 현재 상황을 확인한 뒤 요청한 범위만 진행해줘. 확인할 수 없는 내용은 추측하지 말고 알려줘. 내 실제 데이터나 비밀값을 사용하지 말고, 새 유료 서비스나 외부 API를 추가하지 마. 작업을 마치면 내가 직접 확인할 순서와 실행하지 못한 부분을 나누어 알려줘.

수정 전: 이용 안내 링크가 #instructions를 가리켰지만 해당 id는 없었고 실제 안내 구역은 #guide였다. 브라우저에서 클릭했을 때 주소가 #instructions로 바뀌었다. 수정: 해당 링크 하나만 #guide로 바꿨다. 수정 후: 같은 링크를 누르자 주소가 #guide로 바뀌었고, 문의 안내는 #contact로 연결된 상태를 유지했다. 확인 순서: 페이지를 열고 이용 안내와 문의 안내를 차례로 누른다. 기존 안내 문구와 문의 링크는 전후 파일에서 변경하지 않았다.

여전히 원하는 곳으로 가지 않아. 링크 대상과 안내 구역의 이름을 비교하고 다시 눌러 확인해줘.

요청 조건을 읽고 제작·검사한 예제입니다. 문장만 넣은 독립적인 1회 생성 실험은 아닙니다. VibeAZ 자체 제작 · 확인한 예제 파일과 환경에서의 결과입니다. 자체 제작 연습 HTML에서만 확인했다.

눌러도 안 열리는 링크 고치기 프롬프트 초보자 따라하기