js3 [HTML] GitHub Page에서만 이미지가 안 뜰 때! GitHub Page에서만 이미지가 안 뜰 때! 에러내용 로컬 환경에서는 잘 적용 되던 이미지 or 페이지 이동 or CSS가 GitHub Page에서 적용이 되지 않음 해결 방법 경로 설정에서 잘못됨 경로 맨 앞에 "/"를 붙일경우 절대 경로, 프로젝트의 가장 높은 경로를 가리키게 된다 ex) href="/../index.html" 수정 후 href="../../index.html" 다음과 같이 상대경로를 사용하여 해결해야 한다. / == root 폴더 ./ == 현재폴더 ../ == 상위폴더 이번과 같이 css가 적용이 되지 않거나 사진이 표시되지 않는다면 경로부터 확인해보자 2023. 9. 5. [Javascript] [JS] Uncaught SyntaxError: Cannot use import statement outside a module [JS] Uncaught SyntaxError: Cannot use import statement outside a module 에러 내용 모듈화를 하기위해 export와 import를 올바르게 작성했는데 Uncaught SyntaxError: Cannot use import statement outside a module 이런 오류가 발생하며 모듈화가 제대로 적용되지 않았다. 해결 방법 모듈화를 완료 했으면 사용할 자바스크립트 파일을 연결할 때 다음과 같이 script 타입을 "moduel"로 작성하여 모듈로서 동작하도록 설정해야 한다. 주관적인 1줄 요약 모듈화 한 걸 갖고 와서 사용하고 싶으면 자기 자신도 모듈이 되어야 한다. 2023. 9. 5. [JavaScript] JS코드를 올바르게 작성했는데 왜 적용이 되지 않을까? JS를 올바르게 작성 했는데 왜 적용이 되지 않을까? 수업시간에 작성한 코드를 그대로 따라 쳤는데 왜 나만 JS가 적용 되지 않았을까?? 분명 문법상 오류가 없었지만 내 페이지는 여전히 정적인 페이지 였다. 개발자 도구에 들어가 확인해 보니 Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') at app.js:3:5 이러한 오류가 발생했다. 우선 내가 작성한 html 코드이다. DIV 다음과 같이 width와 height값이 200px인 black 색상을 나타내는 코드이다. 다음은 JS 코드이다 const div = document.querySelector("div"); div.addEventListener("cl.. 2023. 8. 25. 이전 1 다음 728x90
