html5 + css3 + js로 배우는 웹프로그래밍 기초

자바스크립트의 용도와 위치

공대생 it 2021. 7. 31. 01:42
728x90

자바스크립트 소개

Visual code를 이용하여 코드 내용 작성하기

 

 

 

작성한 문서가 화면에 표시된다.

현재 날짜와 시간을 나타내는 화면이다.

 

 

개발자 도구를 보면 작성한 코드가 보인다.

 

js.html
0.00MB

 

 

 

자바스크립트의 용도

Visual code를 이용하여 코드 내용 작성하기

 

 

작성한 문서가 화면에 표시된다.

버튼을 누르면 팝업이 나타내는 화면이다.

 

 

개발자 도구를 보면 작성한 코드가 보인다.

 

js1.html
0.00MB

 

 

내부 자바스크립트

Visual code를 이용하여 코드 내용 작성하기

 

 

작성한 문서가 화면에 표시된다.

내부 자바스크립트를 이용한 예이다.

 

 

개발자 도구를 보면 작성한 코드가 보인다.

 

js_int.html
0.00MB

 

 

외부 자바스크립트

 

Visual code를 이용하여 코드 내용 작성하기

 

 

작성한 문서가 화면에 표시된다.

외부 자바스크립트를 이용한 예이다.

 

 

개발자 도구를 보면 작성한 코드가 보인다.

 

js_ext.html
0.00MB
myscript.js
0.00MB

내부자바스크립트와 외부 자바스크립트는 같은 출력 화면을 만들 수 있다.

다만 만들어진  파일에 개수에 차이가 있다.

 

 

인라인 자바스크립트

Visual code를 이용하여 코드 내용 작성하기

 

 

작성한 문서가 화면에 표시된다.

인라인 자바스크립트를 이용한 예이다.

 

 

개발자 도구를 보면 작성한 코드가 보인다.

 

js_inline.html
0.00MB

 

728x90