[Language/JavaScript] 언어적 특징

정의

웹페이지에 생동감을 불어넣기 위해 만들어진 언어

scipt

• JavaScript로 작성한 프로그램
• 웹페이지의 HTML 안에 작성가능
• 웹페이지 불러올 때에 자동으로 script 실행
• 특별한 준비 및 컴파일 없이 문자 형태로 작성 및 실행 가능

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

• V8: Chorme, Opera
• SpiderMonkey: Firefox
• Microsoft Edge: ChakraCore
• SquirelFish: Safari

엔진의 동작원리

1. 파싱: 엔진이 스크립트를 읽음
2. 컴파일: 읽어 들인 스크립트를 기계어로 전환
3. 기계어로 전환된 코드 실행(전환 되었기에 실행 속도가 빠름)

엔진이 각 프로세스 마다 최적화를 진행하여서 실행속도가 빠름.

브라우저에서 할 수 있는 일

• 페이지에 새로운 HTML 추가 및 수정
• 사용자 행동에 반응(클릭, 키보드 입력 등)
• 네트워크 통해 원격 서버에 요청 보냄, 파일 다운로드, 업로드(AJAX, COMET)
• 쿠키 가져오거나 설정, 사용자에게 질문을 건네거나 메시지 보여주기
• 클라이언트 측에 데이터 저장(로컬 스토리지)

브라우저에서 할 수 없는 일

보안 이슈로 인한 기능 제약

• 디스크에 저장 된 파일 접근
• 브라우저 내 탭과 창은 서로의 정보를 공유하지 않음
• 타 사이트나 도메인에서 데이터 받아오기

강점

• HTML/CSS와 완전한 통합
• 간단하게 처리 가능한 영역이 있음
• 모든 주요 브라우저의 기본 언어

트랜스파일 가능 언어

• CoffeScript: syntactic sugar. Ruby와 호환성 좋음
• TypeScript: 자료형의 명시화. Microsoft 개발
• Flow: 자료형 강제. Facebook 개발
• Dart: 브라우저가 아닌 환경에서 동작(모바일...). Google 개발

요약

Keyword: HTML, CSS, 웹 브라우저, 인터프리터 언어, 런타임, 자바스크립트 엔진, node.js, 멀티 패러다임, 타입, 메모리

Javascript란 웹페이지에 생동감을 불어넣기 위해 만들어진 언어로 HTML과 CSS와 완전한 통합을 이루는 강점을 지닌다.
코드를 기계어로 바꾸는 컴파일 과정이 없기에 실행 속도가 느리고, 런타임에러가 발생 할 위험을 가지고 있는 인터프리터 언어이다.
메모리 관리 및 타입추론을 자체적으로 언어에서 지원해주어 코딩을 비교적 편하게 할 수 있지만 안정성 및 성능에서 일부 손해를 볼 수 있다.
또한 함수형, 명령형, 프로토타입 기반의 객체 지향형인 멀티 패러다임 언어이다.
모든 주요 브라우저들을 지원하는 엔진을 가지고 있고, 더 나아가 node.js를 사용하여 서버 개발이 가능하다는 장점을 지닌다.

reference
https://ko.javascript.info/intro#ref-18