JavaScript 2

[JavaScript] HTML에 JavaScript 연결하기

HTML 파일에 JavaScript 파일을 연결하는 방법은 아래와 같이 head 요소 내에 script 요소를 작성하는 것이다. script요소의 소스코드로 main.js를 넣은 것을 확인할 수 있다. 잠깐! 이렇게 작성한 경우 어떻게 브라우저는 이 파일을 렌더링할까?? STEP1) 브라우저가 html 파일을 다운받고, html 선언(DOCTYPE html)에서부터 한 줄씩 내려가며 동작하게 된다. STEP2) script요소를 만나면, js파일이 있어야함을 확인하고 html 파일을 읽어나가는 작업을 일시중지하게 된다. STEP3) js 파일을 브라우저 상에 fetching한 뒤에 js 파일을 실행한다. STEP4) js 파일을 모두 실행한 뒤에 다시 일시정지하였던 html 파일을 읽어나가면서 한 줄씩 ..

Study/JavaScript 2022.04.28

[JavaScript] Hello World! 출력하기

[Hello World 소스코드 생성하기] 1. VScode 애플리케이션에서 원하는 폴더를 선택한다. 2. 해당 폴더 안에 main.js 파일을 생성한다. (참고. 파일명은 아무거나 해도 상관은 없다.) 3. 해당 파일에 아래와 같이 소스코드를 작성한다. console.log('Hello World!'); 4. main.js 파일을 저장한다. (단축키: Ctrl + S) 5. Command 창에 들어가서 main.js 파일을 실행한다. 위와 같이 Hello World!가 정상적으로 출력됨을 확인할 수 있다. [Microsoft JScript Runtime Error 오류코드 800A1391 해결 방법] 위에서 생성한 main.js 파일을 실행함에 있어 만약 다음과 같은 문제가 발생한 경우에 대한 해결 방..

Study/JavaScript 2022.03.15