01. 자바스크립트가 뭔데? 자바와 뭐가 달라?

 

 

 

자바스크립트(Javascript)란?

---

자바스크립트는 객체지향(Object) 스크립트 언어입니다.

스크립트란?

응용 소프트웨어를 제어하기 위한 프로그래밍 언어라고 정의할 수 있습니다.

예를 들자면 저희가 배울 자바스크립트는 응용 소프트웨어인 브라우저가 실행되어 있어야지만 자바스크립트가 실행되는 구조를 말합니다.

즉, 스크립트 언어들은 단독으로 실행하는 것이 불가능합니다.

대신 스크립트 언어들의 공통점은 빠르게 배울 수 있고 다른 언어에 비해 비교적 쉽다고 말할 수 있습니다.

예를 들면 파이썬 언어가 대표적이겠네요.

HTML은 웹 내용을 작성하고, CSS는 작성된 내용에 디자인을 하고, Javascript는 웹의 동작을 구현할 수 있습니다.

요즘은 Node.js 프레임워크를 병행해서 사용하게 되면 서버측 프로그래밍도 가능합니다.

 

 

자바스크립트의 역사

---

자바스크립트는 1995년에 넷스케이프(Netscape)의 브렌던 아이크(Brendan Eich)에 의해 제작되었습니다.

첨엔 모카(Mocha)라는 이름으로 개발되었지만, 라이브스크립트(LiveScript)로 바뀌고, 최종적으로는 자바스크립트(JavaScript)라는 이름으로 변경되었다고 합니다.

 

 

자바(Java)와 자바스크립트(Javascript)는 완전 다른 언어

---

이곳저곳 강의 듣고 다니거나, 막 프로그래밍 시작하고 배우는 분들이 가장 햇갈려하고 저 또한 헷갈렸던 제목입니다. 자바와 자바스크립트는 서로 정말 다른 언어입니다. 이름만 비슷할 뿐 만든 회사, 사용 방법 등 완전 다릅니다.

C언어와 자바가 완전 다른 것 처럼 별계의 언어이니 알고 넘어가시면 좋을 것 같습니다.

 

자바(Java)	자바스크립트(Javascript)
컴파일 언어	인터프리터 언어
타입검사를 엄격하게 함	타입을 명시하지 않음
클래스 기반 객체지향 언어	프로토타입 기반 객체지향 언어

위 내용 말고도 다른점은 매우 많으니 혼동하지 마세요!

 

 

 

자바스크립트 구조 및 구현

---

자바스크립트 구조는 3가지로 나뉩니다.

1. 코어 (ECMAScript)

2. 문서 객체 모델(DOM)

3. 브라우저 객체 모델 (BOM)

자바스크립트 구조

 

 

코어 (ECMAScript)

---

문법, 타입, 선언문, 예약어, 키워드, 연산자, 객체 등 언어의 저수준에 해당하는 부분입니다.

정의하자면 자바스크립트가 ECMAScript 기반으로 한 언어라고 할 수 있겠네요.

 

 

 

문서 객체 모델 (Document Object Model)

---

 

DOM은 위와 같이 tree형식의 자료 구조로 되어있으며, html에서 짜여진 코드 토대로 DOM이 형성됩니다.

DOM을 통해 웹 페이지 콘텐츠를 조작하는 것이 가능해집니다.

해당 문서의 DOM 구조가 어떻게 되어있는지 알고 있으면 좋습니다.

 

 

 

브라우저 객체 모델 (Browser Object Model)

---

BOM을 통해 브라우저 창에 접근하고 조작하는 것이 가능해집니다.

예를 들자면 브라우저 창을 새로 띄우거나, 브라우저 크기 조절을 하는 등 브라우저를 조작할 수 있게 됩니다.

 

 

 

 

 

 

---

틀린 내용, 오타가 있을 경우 댓글로 알려주시면 감사하겠습니다.

질문도 올려주시면 아는 선에서 답변해드리겠습니다.