B1 : 자바스크립트란?

목차

1. 자바스크립트란?

2. 자바스크립트로 뭘 할 수 있을까?

3. 강점과 진화한 언어들

---

1. 자바스크립트란?

📕 정의

웹페이지의 동작을 제어하는 프로그래밍 언어이다.

 

자바스크립트로 작성한 프로그램 = 스크립트(script)

HTML 내부에 스크립트를 작성할 수 있는데, 웹페이지를 불러오면 스크립트가 자동으로 실행된다.

 

TMI로 자바스크립트는 홍보용으로 지어진 이름이다.

당시 인기가 있던 자바를 이용해서 지은 것으로, 자바와는 아무 상관이 없다.

 

자바스크립트 관련 문서들이 몇 개 있다.

• ECMA : 자바스크립트 정의 문서로, 가장 상세하고 신뢰성 있다.
• MDN JavaScript Reference : 자바스크립트 함수와 메서드의 다양한 예제와 정보가 있다.
• Caniuse : 브라우저에서 특정 기능을 지원하는지 확인할 수 있다.
• Kangax : 자바스크립트 기능 목록 및 엔진 지원 여부를 표로 확인할 수 있다.

 

🚂 자바스크립트 엔진

자바스크립트는 자바스크립트 엔진만 있으면 브라우저, 서버, 모든 디바이스에서 동작할 수 있다.

브라우저는 자바스크립트 가상 머신이라는 엔진이 내장되어 있다.

 

엔진의 종류는 다양하게 있으며, 각각의 코드네임을 가진다.

어떤 기능은 특정 엔진에서 지원을 안할 수도 있기 때문에 코드네임을 알고 있으면 좋다.

(e.g. 00기능은 V8에서만 지원)

• V8 : Chrome, Opera
• SpiderMonkey : FireFox
• Trident / Chakra : IE(버전에 따라 다른 걸 사용)
• ChakraCore : Microsoft Edge
• SquirrelFish : Safari

엔진의 동작 프로세스 (간단)

1. 파싱 : 엔진이 스크립트를 읽음
2. 컴파일 : 스크립트를 기계어로 전환
3. 실행 : 전환된 코드가 실행됨

엔진은 프로세스 단계마다 최적화를 하여 실행 속도를 높인다.

---

2. 자바스크립트로 뭘 할 수 있을까?

자바스크립트는 저수준 영역의 조작을 허용하지 않는다.

브라우저를 다룰 때는 그런 접근들이 필요하지 않기 때문이다.

브라우저 환경이라면 자바스크립트로 웹페이지 조작, 클라이언트와 서버의 상호작용에 관련된 모든 일을 할 수 있다.

 

⭕ 할 수 있는 것

• 새로운 HTML, CSS를 추가하거나 수정
• 사용자 상호작용에 대한 동작하기(마우스, 키보드 입력 등)
• 서버에 요청을 보내거나 파일 다운/업로드
• 쿠키 관련 동작
• 클라이언트에 데이터 저장(local storage)

 

❌ 할 수 없는 것

• 파일 접근이 제한되어 있다.(파일 첨부/선택 등과 같은 특정 상황에서만 허용)
• 카메라/마이크 같은 디바이스와 상호작용 시, 사용자의 허가 필요
• 도메인, 프로토콜, 포트가 다르다면 페이지 접근 불가

---

3. 강점과 진화한 언어들

✊ 강점

• HTML/CSS와 완전히 통합 가능
• 간단한 일은 간단하게 처리할 수 있다
• 모든 주요 브라우저에서 지원하며, 기본 언어로 사용

🧬 진화한 언어들

브라우저에서 실행되기 전, 자바스크립트로 변환할 수 있는 언어들이 있다.

• CoffeeScript : 짧은 문법을 도입하여 명료하고 이해가 쉬운 코드를 작성할 수 있다. 
• TypeScript : strict data typing에 집중해 만든 언어로, Microsoft가 개발했다.
• Flow : 자료형을 강제하는데 TS와 다른 방식을 사용한다. Facebook이 개발했다.
• Dart : 브라우저가 아닌 환경에서 동작하는 고유 엔진을 가진다. Google이 개발했다.

 

 

 

 

참고

https://ko.javascript.info/intro

자바스크립트란?