JavaScript 개요

1. 스크립트 언어란?

프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도
매우 빠르게 배우고 짧은 소스 코드로 상호작용 되도록 고안됨

---

2. 자바스크립트

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

-인터프리터 방식 : 코드를 한줄씩 한줄씩 읽어가며 바로 실행하는 방식
실시간으로 텍스트를 분석해서 실행된다 => 코드에 문법 오류가 있으면 실행시점에 알려준다.

* 자바는 컴파일 방식 + 인터프리터 방식 그래서 자바에서 컴파일 오류일 것 같은경우 미리 알려준다.

근데 자바스크립트는 그 전에 알려주는게 없다.

3. 장단점

* 장점

• 컴파일 과정 없이 인터프리터로 코드를 한 줄씩 읽어가며 바로 실행되기 때문에 "수행속도가 빠름"
• 코드 작성이 간단해서 초보자가 접하기 쉽다.(단순한 구조, 원칙)
  ex) 접근제한자 개념이 없다, 변수생성시 자료형을 정해둘 필요가 없다.

* 단점

• 웹에 특화된 기술임 => 내부에서 제공하는 기능이 제한적
• html 소스코드에서 같이 작성하면 외부에 공개됨 => 보안 취약점 발생

---

4. 자바스크립트 사용법

1. inline(인라인) : 태그 내에 간단 소스코드를 작성해서 실행되게 하는 방법
2. internal(내부) : html 문서내에 소스코드를 작성해서 실행되게 하는 방법
3. external(외부) : 별도의 .js 파일로 소스코드로 작성해서 가져다가 실행되게 하는 방법

1) inline 방식

태그 내에 간단 소스코드를 작성해서 실행되게 하는 방법
[표현법] < 태그 on 이벤트명 = "해당 이 요소에 해당 이벤트 발생시 실행할 소스코드">

알람창 출력 콘솔출력

 

소스코드가 소량일 경우 inline방식 많이 사용

<button onclick="window.alert('알람창 출력 버튼 출력')">알람창 출력</button>

 <button onclick="console.log('콘솔출력 버튼 클릭!!')"> 콘솔출력</button>

2) internal 방식

현재 html문서내 script 태그 영역 안에 소스코드 작성이 가능하며
script 태그는 head태그, body 태그 전부 작성 가능하다.

3) external방식

별도의 .js 파일로 소스코드를 작성해서 가져다 사용하는 방법