[혼공] 혼자 공부하는 자바스크립트 3주차 - 4

오늘은 자바스크립트의 사용법에 대해 알아보려고 한다.

 

자바스크립트의 작성 방식에는 3가지가 있다.

 

Inline - 인라인 자바스크립트 

Internal - 내부 자바스크립트

External - 외부 자바스크립트

 

Inline (인라인 자바스크립트) = 태그에 직접 자바스크립트 명령어를 작성하는 방법이다. 

왼쪽에 클릭 버튼을 누르면

alert () 창이 뜬다

 

인라인 자바스크립트는 태그에 이벤트가 포함되기 때문에 이벤트 소재를 파악하기 편리한 장점이 있으나 정보인 HTML과 제어인 자바스크립트가 혼재된 형태이기 때문에 바람직하지 못한 방법이다. 

 

 

Internal (내부 자바스크립트) =  태그에 직접 자바스크립트 명령어를 작성하는 방법이다. body 영역안에  script 태그 내에 작성한다.

이것도 마찬가지로 클릭을 누르면

alert () 창이 뜬다

 

내부 자바스크립트는 HTML 태그와 자바스크립트 코드를 분리할 수 있다는 장점이 있다.

 

External (외부 자바스크립트) = HTML과 자바스크립트르 분리해서 외부 파일로 분리하는 방식으로 문서를 불러올 때 script 태그에 src 속성에 자바스크립트 파일의 경로와 파일명을 입력한다. 

src 에 메인이라는 js 파일을 생성하여

코드를 이력하면 된다.

 

외부 자바스크립트는 정보와 제어를 엄격하게 분리할 수 있다. 속도의 향상과 전송량의 경량화가 되며 하나의 js 파일을 여러 웹 페이지에서 로드함으로써 js의 재활용성을 높일 수 있다.

 

-----------------------------------------------------------------------------------------------------------------------------------------------------------------

오늘은 자바스크립트를 작성하는 방법을 알아보았다. 알았던거였는데 까먹었던 거 일수도 있고 안 배웠던 거 같기도 하고,,, 기억이.. ㅎ 그래도 이렇게 다시 한번 알아보는 시간이 되어 좋은 거 같다.

2주차 우수혼공족에 들지 못했다... ㅜㅜ 아프고나서 좀 나태해져 있었는데 다시한번 동기부여가 되는거 같다. 앞으로도 우수혼공족으로 선정될 수 있게 열심히 하자!

오늘도 공부 성공~!