[javascript] 자바스크립트란? 정의와 추가하기

[javascript] 자바스크립트란? 정의와 추가하기

---

✔️ javascript 란?

: 객체 기반의 스크립트 언어이다.

: 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가진다.

: HTML 문서에 적용될 때, 웹 사이트상에서 동적 상호 작용성을 제공할 수 있는 완전한 동적 프로그래밍 언어이다.

: Node.js 와 같은 런타임 환경과 같이 서버 사이드 네트워크 프로그래밍에도 사용되고 있다.

: 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있다.

 

📓 특징

- 자바스크립트는 객체 기반의 스크립트 언어이다.

- 동적이며, 타입을 명시할 필요 없는 인터프리터 언어이다.

- 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다.

 

 

✔️ javascript 표준

: 1995년에 넷스케이프는 자바스크립트를 국제 표준안으로 만들기 위해 ECMA 에 제출하여 ECMAScript 라는 새로운 표준을 제정했다.

 

 

✔️ 스크립트 언어란?

: 기존에 이미 존재하는 소프트웨어를 제어하기 위한 용도로 쓰는 언어이다.

: 인터프리터 형식의 언어이다.

: 수정이 빈번하게 발생하는 부분은 소스코드를 한 줄씩 읽어서 바로 실행하는 인터프리터 방식이 유리하며, 스크립트 언어는 이런 부분에 사용하기 위해 나온 언어이다.

: 스크립트 언어는 Client side Scripting 과 Server side Scripting 언어로 나눌 수 있다.

(전자는 사용자의 컴퓨터에서 작동되는 스크립트 언어이고 후자는 서버에서 작동되고 그 결과가 사용자의 브라우저에 넘어가 표시된다.)

 

 

✔️ 자바스크립트 구현

: 구현은 세 가지로 나뉜다.

🌿 코어 : 자바스크립트의 핵심 기능으로 저 수준에 해당하는 부분이다. 

🌿 문서 객체 모델 : 웹 페이지 콘텐츠를 조작하는 메소드와 인터페이스를 제공한다.

🌿 브라우저 객체 모델 : 브라우저와 상호작용하는 메소드와 인터페이스를 제공한다.

 

 

✔️ 자바스크립트 추가하기!

1) 코드 직접 입력하기

<script type="text/javascript">
	aler('자바 스크립트...');

</script>

 

2) 외부 자바스크립트 파일 가져오기

<script type="text/javascript" src="test.js"></script>

<script type="text/javascript">

💡 외부 자바스크립트 파일을 포함하는 경우 <script> 태그 안에 다른 스크립트를 포함하지 않는다.

 

 

✔️ 자바스크립트 로그 출력

- Console 객체를 이용! 브라우저의 디버깅 콘솔에 접근할 수 있는 메소드를 제공한다.

- Console 객체는 모든 전역 객체에 접근할 수 있다.

	console.log(a);
	console.log("결과 : " + c);
	console.log(a, b, c);