인프런 커뮤니티 질문&답변

망고19님의 프로필 이미지
망고19

작성한 질문수

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

포트폴리오 결과물 링크 문제

작성

·

100

1

안녕하세요 선생님

지금 포트폴리오 제작 결과물 링크 단계에 있어 문제가 생겨 글 남깁니다.

모바일 웹 앱 서브 index 페이지 안에 multi-view 페이지를 링크하려고 하는데 버튼을 눌렀을 때

화면이 이렇게 뜹니다.링크를 할 때 어떻게 파일 경로를 잡아야 할까요? 너무 복잡하여 물어봅니다 ㅠㅠ

답변 2

0

망고19님의 프로필 이미지
망고19
질문자

  1. 포트폴리오 폴더 구조입니다.

    image

  2. 모바일 웹 앱 상세페이지 코드입니다.

    image

  3. 포트폴리오 mobile-publishing 안에 앱 폴더구조 입니다.

    image

  4. mobile-mockup > multi-view.html 코드입니다

    image

image위에 처럼 /로 시작하는 절대주소 방식으로 사용하면 서버환경에서만 작동합니다. 곧, 라이브서버로 볼 때만 iframe 내 src 주소가 반영됩니다. 절대주소를 사용한 경우 탑색기에서 html을 클릭해서 오픈하는 경우는 파일을 찾을 수 없다고 나오는게 정상입니다.

라이브서버로 보는데 src 파일을 못 불러오는지 먼저 확인해주세요.

색기에서 html을 클릭해서 오픈하는 경우는 상대주소로 하셔야 합니다.

망고19님의 프로필 이미지
망고19
질문자

앗 다시 해보니 제가 빼먹은 경로가 있어서 링크가 안된 것 같더라구요!!

잘 해결됐습니다 감사합니다!

0

페이지 내에 iframe scr 경로가 문제인 듯 합니다.

폴더 구조와 iframe 태그가 있는 부분을 캡쳐해서 다시 올려주세요.

망고19님의 프로필 이미지
망고19

작성한 질문수

질문하기