링크로 열었는데 만든 것과 다르게 보인다면, 대개 아래 여섯 가지 중 하나입니다.
1. 글자만 세로로 늘어선다
원인 — CSS가 따로 있습니다. style.css를 부르고 있는데 그 파일은 안 올라갔습니다.
해결 — CSS 내용을 style 태그 안에 넣어 한 파일로 만듭니다.
2. 그림이 안 나온다
원인 — 같은 폴더의 그림 파일을 부르고 있습니다. img 태그가 photo.jpg처럼 되어 있으면, 올릴 때 그 그림은 따라가지 않습니다.
해결 — 인터넷에 올라와 있는 그림 주소를 쓰거나(https로 시작하는 주소), 그림을 코드 안에 심습니다.
3. 버튼이 안 눌린다
원인 — JS가 따로 있습니다. script.js를 부르고 있는데 안 올라갔습니다.
해결 — JS 내용을 script 태그 안에 넣습니다.
4. 로그인 상태나 저장 기능이 동작하지 않는다
원인 — 이건 고장이 아니라 일부러 그렇게 만든 부분입니다.
올라온 HTML은 안전장치(sandbox) 안에서 열립니다. 그래서 그 화면 안에서는 쿠키·저장소 기능을 쓸 수 없습니다. 방문 기록을 저장하거나 로그인을 기억하는 기능은 동작하지 않습니다.
해결 — 그 기능이 꼭 필요하면 이 도구가 아니라 직접 배포하는 쪽을 쓰셔야 합니다. 보여 주기가 목적이라면 그 부분만 빼고 올리시면 됩니다.
5. 링크가 404로 나온다
원인 — 자료가 지워졌거나 주소를 잘못 복사했습니다.
해결 — 자료함에서 「링크 복사」로 다시 복사합니다. 목록에 없다면 지워진 것입니다.
6. 자료함이 비어 있다
원인 — 브라우저가 바뀌었거나 쿠키를 지웠습니다. 로그인이 없는 도구라 브라우저 표시로 「내 것」을 구분하는데, 그 표시가 사라진 것입니다.
해결 — 목록은 되살릴 수 없습니다. 다만 링크를 알고 있다면 내용은 그대로 열립니다. 앞으로는 만든 링크를 따로 메모해 두십시오.
올리기 전 3초 점검
1. link 태그로 CSS를 부르고 있지 않은가
2. script 태그에 src가 붙어 있지 않은가
3. img 태그가 https로 시작하지 않는 주소를 쓰고 있지 않은가
셋 다 아니면 그대로 올려도 됩니다.