강의

멘토링

커뮤니티

Inflearn Community Q&A

ssangpak974517's profile image
ssangpak974517

asked

Creating a 'Publisher Personal Portfolio Website' that leads to interviews and employment

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

Written on

·

301

1

안녕하세요 선생님

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

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

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

포트폴리오

Answer 2

0

ssangpak974517님의 프로필 이미지
ssangpak974517
Questioner

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

    image

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

    image

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

    image

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

    image

codingworks님의 프로필 이미지
codingworks
Instructor

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

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

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

ssangpak974517님의 프로필 이미지
ssangpak974517
Questioner

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

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

0

codingworks님의 프로필 이미지
codingworks
Instructor

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

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

ssangpak974517's profile image
ssangpak974517

asked

Ask a question