01. Javascript 개요

🔅 자바스크립트 Javascript/Js

웹 브라우저에서 많이 사용하는 인터프리터 방식의 객체 지향 프로그래밍 언어이다
-> 별도의 소스코드를 컴파일 하지 않고 인터프리터를 이용하여 소스코드를 한 줄씩 읽어 바로 실행한다.
컴파일에 소요되는 시간이 없는 대신 프로그램 실행 시간이 느리다.

자바스크립트 작성 방법

1. 브라우저 콘솔에 직접 작성
   : 브라우저에서 fn+f12(검사) 콘솔창에서 작성

2. html 내부에 script 태그를 이용해서 작성(internal)

<script>
	function btnClick1() {
		alert("internal 버튼이 클릭되었습니다!");
	}
</script>

3. html 외부에 (.js)파일을 이용해서 작성(external 외부 파일)

<script src= "/js/01_js개요.js"></script>

4. 태그에 직접 JS코드를 작성(inline)

<button type="button" onclick="alert('inline 버튼이 클릭되었습니다!')">
	inline 방식
</button>

☑️ 경고창 띄우기 alert();

 <script>
      function btnClick1() {
        alert("internal 버튼이 클릭되었습니다!");
      }
    </script>

☑️ 색 바꾸기

[html]

<button type="button" onclick="changeColor1()">red</button>

[js]

function changeColor1(){

    document.getElementById("box").style.backgroundColor = "red";
}