JavaScript - 1. 개요와 역사

2021. 11. 24. 11:01Study/JavaScript

JavaScript의 개요와 역사

 

자바스크립트는 객체 기반의 스크립트 프로그래밍 언어다.

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

또한 Node.js와 같은 런타임 환경과 같이 서버 프로그래밍에도 사용되고 있다.

 

* 자바스크립트 이름의 변천사

자바스크립트는 본래 넷스케이프 커뮤니케이션즈 코퍼레이션의 브렌던 아이크(Brendan Eich)가 처음에는 모카(Mocha)라는 이름으로, 나중에는 라이브스크립트(Live Script)라는 이름으로 개발하였으며, 최종적으로 자바스크립트가 되었다.

 

C언어를 기본 구문 바탕에 두고있다.

자바스크립트가 썬 마이크로시스템즈의 자바와 구문이 유사한 점도 있지만, 이는 사실 두 언어 모두 C 언어의 기본 구문에 바탕을 뒀기 때문이고, 자바와 자바스크립트는 직접적인 연관성은 약하다.

 

자바스크립트는 ECMAScrip의 표준 사양을 가장 잘 구현한 언어로 인정받고 있다.

 

  • 주로 웹 브라우저 내에서 주로 사용되는 객체 기반의 스크립트 프로그래밍 언어
  • 다른 응용프로그램의 내장 객체에도 접근 가능
  • 브라우저가 실행 된 상태에서 Tag와 CSS 핸들링 가능 (DOM handling)
넷스케이프의 브랜든 아이히(Brendan Eich)에 의해 모카(Mocha)라는 이름으로 탄생되었다.
- LiveScrip라는 이름으로 개발됨
- 넷스케이프와 썬 마이크로시스템의 마케팅 조약 체결
- Java + LiveScript = JavaScript

 

* 자바스크립트는 객체 기반의 스크립트 프로그래밍 언어이다. 객체란?

객체(Object)란 물리적으로 존재하거나 추상적으로 생각할 수 있는 것 중에서 자신의 속성을 가지고 있고 다른 것과 식별 가능한 것을 말한다.
객체는 속성과 동작으로 구성되어 있다고 보면 되는데 자바에서는 이 속성과 동작을 각각 필드(Field)와 메소드(Method)라 부른다.

더 알아보기
https://jwprogramming.tistory.com/121

 

 


 

 

Vanilla JavaScript

바닐라 자바스크립트란 플러그인이나 라이브러리, 프레임워크를 사용하지 않은 순수 자바스크립트를 말합니다.

외국의 소프트웨어 세계에서는 바닐라(Vanilla) = 일반(Plan)을 의미한다고 한다.

 

바닐라 자바스크립트 = 순수 자바스크립트

 

*바닐라 자바스크립트의 장점과 중요성

  • 아무것도 다운받지 않아도 되니 가볍고 빠르다. 바로 랜더링 가능
  • 태그로 DOM 요소를 검색할 시, 제이쿼리보다 425배 빠르다. 라이브러리, 프레임워크와 비교했을때 속도가 가장 빠르다.
  • 기존 jQuery의 점유율이 높고 사용빈도가 많았지만 ES6의 새로운 기술이 도입되어 코드작성 효율이 늘어난 이후로 jQuery의 점유율이 낮아지고 있다.

 

* 랜더링이란?
랜더링이란 HTML,CSS,JavaScript 등 개발자가 작성한 문서를 브라우저에서 그래픽 형태로 출력하는 과정을 말한다.

 

 

 

 

JavaScript의 라이브러리 및 프레임워크

라이브러리 3대 프레임워크
jQuery Angular React Vue
쉽고, 빠르고, 짧게 사용가능.
애니메이션 강자
구글에서 만듦 페이스북 가장 최신의 프레임워크

 

 


 

 

자바스크립트의 기본 문법

  • 대소문자를 구분한다.
  • 한 라인이 끝날 때 ; (세미콜론)으로 처리 해주야 한다
  • 주석 처리 방법
// 한 라인 주석문

/*
	다중 라인 주석문 - CSS와 동일하다
*/

 

 

 

 

참조 :)

https://eunyoe.tistory.com/46

 

'Study > JavaScript' 카테고리의 다른 글

JavaScript - 2. Data Type  (0) 2021.11.24
이스케이프 시퀀스 Escape Sequence  (0) 2021.11.24
문서 객체 스타일 변경하기  (0) 2021.11.22
문서에 객체, 속성값 설정  (0) 2021.11.22
객체 Object  (0) 2021.11.02