[Inside JavaScript] Chapter 1. 자바스크립트 기본 개요

1.1 소개

자바스크립트는 웹 브라우저에서 동작하는 스크립트 언어이다. 

처음엔 웹 페이지 제작에 있어서 보조적인 기능을 수행하기 위한 용도로써 사용하여 주목받지 못했던 언어..🥲

BUT, prototype.js와 같은 주요 라이브러리들이 개발되고 && jQuery의 등장으로 보다 쉽게 DOM(Document Object Model)을 핸들링하게 되면서 많은 발전을 이루었다.

---

1.2 자바스크립트 활용 범위

1.2.1 웹 개발

크롬이나 파이어폭스 등 웹 브라우저들이 나날이 발전하면서 새로운 버전을 내놓을때마다 자바스크립트 엔진의 성능 향상을 강조한다. 이는 웹 페이지 개발에 있어 자바스크립트의 역할이 얼마나 큰지를 방증한다.

1.2.2 서버 개발

Node.js의 출현으로 자바스크립트를 활용한 서버 개발도 활발히 이루어지고 있다. express, socket.io 등의 라이브러리는 보다 쉽게 JS로 서버를 개발할 수 있는 환경을 제공해준다.

1.2.3 애플리케이션 개발

웹이 하나의 플랫폼으로 진화하면서, 웹OS의 중요성이 커졌다. 이러한 웹 기반 플랫폼에서 구동되는 애플리케이션 개발에 자바스크립트는 필수적인 요소가 되었다. 특히 폰갭(PhoneGap)과 같은 크로스 플랫폼 개발 도구를 이용하면 DOM요소를 핸들링하여 렌더링하는 것에서부터 더 나아가 디바이스의 동작에 대한 제어가 가능해지고 있다.

---

1.3 자바스크립트 핵심 개념

1.3.1 객체

자바스크립트의 "거의" 모든 것은 "객체"이다. 

예외) boolean, number, string (원시자료형) / null, undefined

1.3.2 함수

자바스크립트에서는 함수도 객체로 취급한다. (일반 객체보다 조금 더 많은 기능이 있는 객체)

함수가 중요한 이유? 함수가 일급 객체(First Class Object)로 다뤄지기 때문이다.

1.3.3 프로토타입

모든 객체는 숨겨진 링크인 prototype을 가진다. 이 링크는 해당 객체를 생성한 생성자의 프로토타입 객체를 가리킨다.

1.3.4 실행 컨텍스트와 클로저

자바스크립트는 자신만의 독특한 과정으로 실행 컨텍스트를 만들고 그 안에서 실행이 이뤄진다.

이 실행 컨텍스트는 자신만의 유효 범위(scope)를 갖는데, 이 과정에서 클로저를 구현할 수 있다.

---

1.4 자바스크립트와 객체지향 프로그래밍

자바스크립트는 클래스를 지원하지 않지만 객체지향 프로그래밍이 가능하다. 

HOW? 프로토타입 체인 & 클로저로 객체지향 프로그래밍에서 제시하는 상속, 캡슐화, 정보 은닉 등의 개념을 소화할 수 있다.

 

---

1.5 자바스크립트와 함수형 프로그래밍

자바스크립트는 함수형 프로그래밍이 가능하다. 

함수형 프로그래밍
높은 수준의 모듈화를 가능케 하는 매우 효율적인 프로그래밍 방법

HOW? JS의 주요 특성인 일급 객체로서의 함수 특성과 클로저를 활용

BUT! this makes 가독성 bad

---

1.5 자바스크립트의 단점

• 유연한 언어 → 디버깅 어려움
• 느슨한 타입 체크 → 컴파일 타임에서 잡지 못하는 오류는 고스란히 런타임 오류로 발견된다.
• 전역 객체의 존재 → 이름 충돌의 위험성