이스트소프트18 [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. [개인프로젝트] Auto Coding (HTML/CSS/JS 프로젝트) (1) - 프로젝트 기획 001 - 프로젝트 기획 이번 프로젝트를 개발하며 진행되었던 상황을 간략하게라도 기록으로 남겨보았다. 프로젝트 설명 제공된 인공지능 API를 이용한 자율주제 HTML, CSS, JS에 익숙해지는 경험 (중요) 비동기 통신을 다뤄보는 경험 (중점) 프로젝트 기간 23.08.26 ~23.09.06 시작에 앞서 위와 같은 설명과 기간 동안 오르미 1차 개인 프로젝트가 시작되었다. 이전에 혼자 독학할 때는 항상 개인 프로젝트를 시작하게 되면 처음 1 ~ 2일 열심히 하다가 시간이 지나 잊히는 경우가 많았는데 이번에 비로소 프로젝트를 마무리하는 단계까지 진행할 수 있을 거 같다. 주제 선정 주제 선정에서 많은 시간을 투자하지는 않았었다. 주제 선정의 기준은 내가 실제로 gpt를 이용할 때 주된 목적을 따로 서비스.. 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. [CSS] CSS flex flex flex란? 요소들을 행과 열 형태로 배치하는 일차원 레이아웃 방법 기존 float, position 방법으로 레이아웃을 표현하는 것은 상당히 복잡함 요소지정 정렬하고자 하는 요소들은 다음과 같이 지정한다 .flex { display: flex; } flex-direction (열 또는 행) flex-direction: row; flex-direction: row-reverse; flex-direction: column; flex-direction: column-reverse; flex-wrap (줄 바꿈 설정) 요소들을 강제로 한준에 배치할 것 인지 여러행으로 나누어 표현할 것 인지 정함 /* 기본 값으로 부모 요소 영억을 벗어나도 한줄에 배치함 */ flex-wrap: nowrap; /* 요.. 2023. 8. 21. 이전 1 2 3 4 5 다음 728x90
