[JS] 자바스크립트 시작하기

 

 

 

 

[JS] 자바스크립트 시작하기

( UPDATE 2023 - 06 - 02 )

JavaScript는 동적으로 콘텐츠를 바꾸고, 멀티미디어를 제어하고,

애니메이션을 추가하는 등 거의 모든 것을 만들 수 있는 스크립팅 언어다.

 

 

 

---

자바스크립트 코드 작성 방법

---

 

 

1.  자바스크립트를 웹브라우저에 적용하는 방법. 

 

 

내부 스크립트 방법

HTML 문서 안에서 script 태그의 콘텐츠 영역에 자바스크립트 코드를 작성하는 방법이다. 

 

 

외부 스크립트 방법

별도의 js 확장자 파일을 만들어 자바스크립트 코드를 작성하고 이 파일을 HTML 문서에서 script 태그로 연결하는 방법이다.

 

 

 

script 태그의 사용 위치

script 태그는 웹 브라우저에 화면이 표시되는 것에 영향을 미치지 않도록 body 태그가 끝내기 전에 사용한다.

 

 

 

 

 

 

2. 자바스크립트를 단순히 실행할 목적일 경우

 

 

1) 웹브라우저의 개발자 도구에서 지원하는 콘솔창 활용하기

 

2) VSCode의 Code Runner 확장 프로그램 이용하기

 

 

 

 

 

---

주석

---

 

 

1. 한 줄 주석

 

'//' 기호 (슬래시 2개)

 

 

 

2. 여러 줄 주석

 

'/*' 와 '*/' 기호 사이에 작성한다.

 

 

 

 

 

---

오류 확인 방법

---

 

자바스크립트는 코드가 한 번에 한 줄씩 실행되는 인터프리터 기반의 언어이다.

 

그래서 오류가 발생하면 그 즉시 실행을 멈추고 오류 메시지와 오류가 발생한 줄 번호를 웹 브라우저의 콘솔창에 출력한다.

 

따라서 모든 오류 관련 메시지는 웹 브라우저의 콘솔창에서 확인할 수 있다.

 

 

 

콘솔과 디버깅에 대한 참고자료

 

1. Chrome DevTools (영어)

클릭

 

2. 자바스크립트에서 발생하는 오류 메시지와 해결방법 - mdn web docs

클릭

 

3. Chrome으로 디버깅하기 - 모던 자바스크립트 튜토리얼

클릭

 

 

 

 

---

출처 & 참고사이트

---

 

 

코딩 자율학습 HTML + CSS + 자바스크립트 기초부터 반응형 웹까지 초보자를 위한 웹 개발 입문서

 

 

 

 

 

모던 자바스크립트 Deep Dive 자바스크립트의 기본 개념과 동작 원리

 

 

 

---

 

 

 

 

Chrome DevTools (영어)

 

자바스크립트에서 발생하는 오류 메시지와 해결방법 - mdn web docs

 

Chrome으로 디버깅하기 - 모던 자바스크립트 튜토리얼