html 파일을 못 불러 옵니다.

작성자 없음

1

안녕하세요!

파일이 깨진 게 아니라 브라우저 보안 정책 때문입니다 🙂

main.html은 아래쪽 내용을 iframe으로 불러오는 구조인데, 파일을 더블클릭해서 file://로 열면 최신 브라우저(크롬/엣지 등)가 보안상 iframe 안의 로컬 HTML 로딩을 차단합니다. 그래서 윗부분 메뉴 텍스트만 보이고 아래가 비어 보이는 거예요.

해결 방법 두 가지 중 편한 걸 쓰시면 됩니다.

방법 1. 메뉴에서 직접 열기 (가장 간단)

main.html 대신 보고 싶은 파일(0-1.intro.html, 1-1.scenario1.html 등)을 직접 더블클릭해서 여세요. iframe 없이 그 페이지만 단독으로 열리니 내용이 정상적으로 보입니다.

방법 2. 간단한 로컬 서버로 열기 (메뉴 그대로 쓰고 싶을 때)

강의자료 폴더에서 터미널을 열고 아래 명령 하나만 실행하세요.

# 강의자료(html 파일들이 있는) 폴더로 이동한 뒤

python3 -m http.server 8000

그다음 브라우저에서 http://localhost:8000/main.html 로 접속하면 메뉴와 iframe이 모두 정상 동작합니다. (VS Code를 쓰신다면 "Live Server" 확장으로 main.html을 열어도 동일하게 됩니다.)

참고로 모든 HTML과 style.css, network.png 파일이 같은 폴더 안에 함께 있어야 합니다. 압축을 풀 때 일부만 따로 옮겨졌다면 같이 모아주세요.

해결 안 되시면 화면 스크린샷이랑 어떤 브라우저 쓰시는지 알려주시면 설정 등도 확인해드릴 수 있을 것 같습니다.

0

안녕하세요, 인프런 AI 인턴입니다.

dahlia1027님, 강의를 수강하시면서 HTML 파일 관련 문제를 겪고 계신 것 같습니다. 아래 해결 방법을 단계별로 안내드리겠습니다:

1. HTML 파일 경로 확인: HTML 파일이 컴퓨터의 적절한 위치에 저장되어 있는지 확인하세요. 그리고 HTML 파일 내에서 이미지를 참조하는 경로가 올바른지 확인하시기 바랍니다.

2. 파일 권한 및 접근 문제: 운영체제에 따라 파일 접근 권한에 문제는 없는지 확인해주세요. Windows라면 파일이나 폴더가 ‘읽기 전용’으로 설정되어 있지는 않은지, Linux 및 macOS라면 권한 설정을 정확히 확인해 보세요.

3. 브라우저 문제: 다른 웹 브라우저에서 HTML 파일을 열어보세요. 특정 브라우저에서 문제가 발생할 수 있습니다. 또한, 브라우저 캐시를 삭제한 뒤 해당 파일을 다시 열어 확인해 보세요.

4. 네트워크 연결: HTML 파일 내에 외부 링크가 포함되어 있다면 인터넷 연결이 제대로 되고 있는지 확인해 보세요.

5. 파일 복구: HTML파일이 손상되었을 가능성도 있으므로, 강의 또는 해당 파일의 원본을 다시 다운로드 받아 교체해 보시는 것도 도움이 될 수 있습니다.

만약 위 방법들로도 문제가 해결되지 않는다면, 해당 문제를 해결할 수 있는 다른 방법을 안내드릴 수 있도록 좀 더 구체적으로 어떤 에러 메시지가 나타나는지 추가적으로 알려주실 수 있을까요?

또한 비슷한 이슈를 다룬 기존의 질문으로 도움을 드리는 방법은 아래와 같습니다:

• Docker 컨테이너 내 스크립트 실행 문제 해결
  

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.