JavaScript 란?

JavaScript는 웹 페이지 요소와 상호 작용하도록 설계된 프로그래밍 언어입니다.웹 브라우저에서 JavaScript는 세 가지 주요 부분으로 구성됩니다.

• ECMAScript는 핵심 기능을 제공합니다.
• 문서 객체 모델(DOM)은 웹 페이지의 요소와 상호 작용하기 위한 인터페이스를 제공합니다.
• Browser Object Model(BOM)은 웹 브라우저와 상호 작용하기 위한 브라우저 API를 제공합니다.

JavaScript를 사용하면 웹 페이지에 인터랙티브를 추가할 수 있습니다.일반적으로 HTML 및 CSS와 함께 JavaScript를 사용하여 폼 검증, 대화형 맵 작성, 애니메이션 차트 표시 등의 웹 페이지 기능을 강화합니다.

웹 페이지가 로드되면(HTML 및 CSS 다운로드 후) 웹 브라우저의 JavaScript 엔진이 JavaScript 코드를 실행합니다.그런 다음 JavaScript 코드가 HTML 및 CSS를 변경하여 사용자 인터페이스를 동적으로 업데이트합니다.

JavaScript 엔진은 JavaScript 코드를 실행하는 프로그램입니다.초기에는 JavaScript 엔진이 인터프리터로 구현되었습니다.

그러나 최신 JavaScript 엔진은 일반적으로 성능을 향상시키기 위해 JavaScript 코드를 바이트 코드로 컴파일하는 저스트 인 타임 컴파일러로 구현됩니다.

클라이언트 측과서버측 JavaScript

웹 페이지에서 JavaScript를 사용하면 웹 브라우저에서 실행됩니다.이 경우 JavaScript는 클라이언트 측 언어로 작동합니다.

JavaScript는 웹 브라우저와 서버 모두에서 실행할 수 있습니다.일반적인 JavaScript 서버 측 환경은 Node.js입니다.클라이언트 측 JavaScript와 달리 서버 측 JavaScript는 데이터베이스, 파일 시스템 등에 액세스할 수 있는 서버에서 실행됩니다.

JavaScript 이력

1995년, JavaScript는 Netscape 개발자인 Brendan Eich에 의해 만들어졌다.먼저, 그것의 이름은 모카였다.그리고 나서, 그것의 이름은 LiveScript로 바뀌었다.

넷스케이프는 인기를 끌었던 자바의 명성을 활용하기 위해 라이브스크립트를 자바스크립트로 바꾸기로 결정했다.이 결정은 넷스케이프가 웹 브라우저 제품인 넷스케이프 내비게이터 2를 출시하기 직전에 내려졌다.그 결과 JavaScript는 버전 1.0이 되었습니다.

Netscape는 Netscape Navigator 3에서 JavaScript 1.1을 출시했다.한편, 마이크로소프트는 넷스케이프와 경쟁하는 인터넷 익스플로러 3(IE 3)라는 웹 브라우저 제품을 선보였다.그러나 IE는 JScript라고 불리는 자체 JavaScript 구현과 함께 제공되었습니다.Microsoft는 Netscape에서 발생할 수 있는 라이센스 문제를 피하기 위해 JScript라는 이름을 사용했습니다.

따라서 두 가지 다른 JavaScript 버전이 시장에 출시되었습니다.

• Netscape Navigator의 JavaScript
• Internet Explorer의 JScript.

JavaScript에는 구문과 기능을 관리하는 표준이 없었습니다.그리고 커뮤니티는 언어를 표준화할 때라고 결정했습니다.

1997년에 JavaScript 1.1이 제안서로 유럽컴퓨터제조자협회(ECMA)에 제출되었습니다.Technical Committee #39(TC39)는 언어를 표준화하여 범용, 크로스 플랫폼 및 벤더 중립 스크립트 언어로 만듭니다.

TC39는 ECMAScript(종종 Ek-ma-script로 발음됨)라는 새로운 스크립트 언어를 정의하기 위한 표준인 ECMA-262를 고안했습니다.

그 후, 국제 표준화·국제 전기 표준 위원회(ISO/IEC)는 ECMAScript(ISO/IEC-16262)를 채용했다.

JavaScript의 개요

JavaScript에서 변수를 정의하려면var키워드를 지정합니다.예를 들어 다음과 같습니다.

var x = 10; var y = 20;

Code language: JavaScript (javascript)

ES6는 변수를 선언하는 새로운 방법을 추가했습니다.let키워드:

let x = 10; let y = 20;

Code language: JavaScript (javascript)

와의 차이점이 있습니다.또한 이 명령어를 사용하는 것이 좋습니다.let변수를 선언하려면 키워드를 지정합니다.

함수를 선언하려면function키워드를 지정합니다.다음으로 2개의 인수의 합계를 계산하는 함수를 정의하는 예를 나타냅니다.

function add( a, b ) { return a + b; }

Code language: JavaScript (javascript)

를 호출하려면add()다음 구문을 사용합니다.

let result = add(x, y);

Code language: JavaScript (javascript)

결과를 웹 브라우저 콘솔창에 로그인하려면console.log():

console.log(result);

Code language: JavaScript (javascript)

자, 보세요.30콘솔 창에 표시됩니다.

JavaScript는 및 문과 같은 조건문을 제공합니다.예를 들어 다음과 같습니다.

let a = 20, b = 30; function divide(a, b) { if(b == 0) { throw 'Division by zero'; } return a / b; }

Code language: JavaScript (javascript)

에서divide()디프로덕터(b)가 0인지 여부를 확인합니다.'예'인 경우 예외를 발생시킵니다.그렇지 않으면 a/b 결과를 반환합니다.

배열을 선언하려면 다음 구문을 사용합니다.

let items = [];

Code language: JavaScript (javascript)

일부 초기 요소를 사용하여 배열을 선언하려면 대괄호 안에 요소를 지정합니다.

let items = [1, 2, 3];

Code language: JavaScript (javascript)

에 있는 요소의 수에 액세스 할 수 있습니다.items그 사이로 배열하다.length속성:

console.log(items.length); // 3

Code language: JavaScript (javascript)

의 요소를 반복하다itemsarray는 다음과 같이 loop 문을 사용합니다.

for(let i = 0; i < items.length; i++) { console.log(items[i]); }

Code language: JavaScript (javascript)

또는 를 사용합니다.for...ofES6의 루프:

for(let item of items) { console.log(item); }

Code language: JavaScript (javascript)

JavaScript는 진화하는 언어입니다.

 

 

 

 

 

참고: https://www.javascripttutorial.net/what-is-javascript/