본문 바로가기
웹/JavaScript & JQuery

[js] 자바스크립트란?

by 느링 2020. 3. 14.

JavasScript?

 

HTML - 웹 페이지의 구조를 만들어줍니다.(뼈대)

CSS - 웹 페이지 뼈대의 옷을 입혀줍니다. (스타일, 규칙 언어)

JavaScript - 웹 페이지가 동적으로 움직일수 있도록 만들어줍니다. (스크립트 언어)

 

 

자바스크립트는 웹을 위한 인터프리터 언어이자 가장 중요한 객체기반의 스크립트 프로그래밍 언어입니다.

웹 페이지(html, css)에 날개를 달아주는 언어입니다.

 

또한 자바스크립트는 자바와는 다른 언어인데요.

기능과 사용법까지 완전히 다릅니다. 서로 직접적인 관련이 전혀 없지만 문법상의 비슷한 부분이 존재하는 이유는

자바와 자바스크립트의 문법이 모두 C언어를 기반으로 만들어졌기 때문입니다.

 

자바스크립트는 웹 페이지를 동적으로 구현시켜주는 언어입니다.

웹 브라우저에서 실행하는 스크립트 언어를 기술합니다. 작고도 빠르기 때문에

웹문서를 동적으로 꾸밀 때 가장 널리 쓰입니다.

처음에는 'LiveScript'라는 이름이었었는데, 만들어졌을 당시 자바가 매우 유명했기 때문에

자바의 형제라고 칭해서 새로운 언어로 포지셔닝하는 것이 좋겠다는 판단으로 자바스크립트가 되었습니다.

하지만 자바스크립트가 진화함에 따라, ESMAScript라 불리는 자체 표준 기술 기준과 함께 자바와 다른 완전히 독립적인 언어가 됐습니다.

 

스크립트는 HTML 문서 속에 직접 기술하며, '<script'>라는 태그를 사용합니다.

<body>

 

    <script src="./파일이름.js"></script>

</body>

 

자바스크립트의 특징을 알려드리겠습니다.

1. 객체 기반의 언어 (But, 상속과 클래스라는 개념은 없습니다.)

2. 인터프리터 언어로서 클라이언트의 웹 브라우저에 의해 해석되고 실행됩니다.

3. HTML문서 내에 기술되며 HTML 문서와 함께 수행됩니다.

4 HTML에 연산 제어 등 프로그래밍적인 요소를 추가하고 클라이언트의 자원을 활용할 수 있게 합니다.

 

자바스크립트의 장점은 컴파일 과정이 없기 때문에 다른 언어와 비교했을 때 빠른 시간 안에 스크립트 코드를 작성할 수 있게 도와줍니다. 기존 C나 자바 언어와 달리 굉장히 단순한 구조와 원칙을 가지고 있기 때문에

초보 개발자들이 쉽게 배우고 이해할 수 있습니다.

 

 

자바스크립트 기능

1. 이미지 슬라이드, 이벤트 처리, 상태 표시줄에 문자열 표시 등 동적인 효과

2. 입력 데이터의 확인, cookie 처리, 브라우저 정보에 따른 처리, 새로운 window 열기 등 기능적인 면

3. AJAX 기술을 이용한 웹 서버와의 통신

4. 사용자와의 성호작용과 폼의 유효성을 검증

 

자바스크립트 엔진

브라우저에는 자바스크립트 가상 시스템이라는 내장 엔진이 존재합니다.

 

Chrom , Opera - V8

Firefox - SpiderMonky

IE - Trident 및 Chakar

Microsoft Edge - ChakraCore

Safari - Nitro 및 SquirrelFish

 

' > JavaScript & JQuery' 카테고리의 다른 글

[Js] 트윈맥스(TweenMax.js)  (0) 2020.03.23
[Js] Prototype 이해하기  (0) 2020.03.19
[Js] pop(), shift(), ,push(), unshift(), splice()  (0) 2020.03.08
[Js] input[type=file], reset  (0) 2019.12.20
[JavaScript] this  (0) 2019.02.15