자바스크립트 개요

웹튼 크게 3가지 요소가 있다 

 

HTML :

웹 문서의 큰 틀을 잡기 위한 요소 

 

CSS :

HTML로 구성된 DOM에 다양한 스타일을 적용하기 위한 요소이다 

 

javascript : 웹 문서에서 이벤트가 발생했을 떄 실행해야 할

기능(동작)을 처리하는 요소이다 

 

자바스크립트 개요 

 

프로그램의 동작을 사용자 요구에 맞게 수행하도록 해주는 용도이다 

빠르게 배울 수 있고 짧은 소스코드로 상호작용 되도록 고안되었다.

 

자바스크립트 : 

웹 브라우저에서 많이 사용되는 인터프리터 방식의 스크립트 언어이다 

인터프리터 방식이란 ? -> 코드를 한줄씩 읽어가며 바로 실행할 수 있는 방식 

(실시간으로 텍스트를 분석해서 실행이 된다.)

 

자바스크립트 사용법 : 

inline(인라인) : 태그 내에 간단한 소스코드를 작성해서 실행하는 방법이다 

 <button onclick="window.alert('Hello, Javascript!')">알림창 출력</button>

 

인라인 방식

 

internal(내부) : HTML 문서 내에 소스코드를 작성해서 실행하는 방법 (script 태그)

  <script>

   <button id="btn">알림창 출력</button>

        <button onclick="btnClick()">콘솔에 출력</button>

 

 let btn = document.getElementById("btn");

            btn.onclick = function(){

                window.alert("스크립트에서 실행했어요~~");

 

  function btnClick(){

                console.log("콘솔에서 출력한다~~");

            }

</script>

 

external(외부) : 별도의 js파일로 소스코드를 작성해서 현재 문서에 연결하여 실행하는 방법 

 

script src :

  <script src="resources/js/01_Sample.js">

 

외부파일 .js을 작성하여 현재 문서에 연결한다 

script 태그를 이용하여 연결한다. 

 

외부 js파일 

function test(){

    window.alert("외부 파일에서 출력한다!")

}

 

HTML body에 입력

 <button onclick="test()">알림창 출력</button>