본문 바로가기

WIL

JavaScript_ES

 

JavaScript의 ES

 

 

 

자바스크립트란?

웹페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어이다.

스크립트는 웹페이지의 HTML안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행된다.

 

자바스크립트의 강점으로 아래를 언급할 수 있다.

  • HTML/CSS를 완전히 통합할 수 있다.
  • 간단한 일을 간단하게 처리할 수 있다.
  • 무든 주요 브라우저에서 지원하고, 기본 언어로 사용된다.

 

ES란?

ECMAScript의 약자이며 자바스크립트의 표준, 규격을 나타내는 용어이다.

뒤에 숫자는 버전을 뜻하고 ES5는 2009년, ES6는 2015년에 출시되었다.

 

 

 

JavaScript ES6 문법

 

let, const

let은 새로운 값을 받을 수도 있고 재할당할수도 있다. 즉, 변경 가능한 변수가 생성된다.

const는 ES6에서 변수를 선언하기 위한 새로운 키워드이다. const는 객체와 함께 사용할 때를 제외하고는 변경 불가능한 변수이다.

 

 

템플릿 리터럴

사용법은 “(back tick)으로 가능하며, ${} 중괄호 앞에 달러 표시를 통해 자바스크립트 표현식 사용이 가능하다.

 

 

객체 리터럴

메소드에 더 이상 콜론(:)이나 function을 붙이지 않아도 된다.

객체의 프로퍼티를 동적으로 생성하려면 객체 리터럴 바깥에서 [text + 1]과 같이 선언했어야 했는데,

ES6부터는 객체 안에서 바로 속성으로 사용할 수 있다.

 

 

화살표 함수

javascript에서 함수를 정의하는 function 키워드 없이 함수를 만들 수 있으며, return 키워드 없이, 식을 계산한 값이 자동으로 반환된다.

() 안에 함수의 인자가 들어가고, => 오른쪽에는 결과를 반환한다.

 

 

구조 분해 할당

구조분해 할당이란 펼치다란 뜻으로 객체나 배열에서 사용하며, 값을 해체한 후, 개별 값을 변수에 새로 할당하는 과정을 말한다.

 

'WIL' 카테고리의 다른 글

Mini Project  (0) 2023.05.14
Axios  (0) 2023.05.07
React_Life Cycle  (0) 2023.04.30
React_State, Props  (1) 2023.04.23
DOM과 Virtual DOM, props와 state  (0) 2023.04.17