페이지상단으로이동

개발자라면 알아야할 ES6의 11가지 기능들

    • 신현정 기자
    • |
    • 입력 2021-01-11 15:32
    • |
    • 수정 2021-01-11 15:32

시대의 흐름에 따라가는 개발자가 되기위해 알아야 할 ES6의 기능들, 무엇이 있는가

웹 개발을 공부하고 있다면 한 번 쯤은 ES6에 대해 들어봤을 것이다.

우선, ES(ECMAScript)라고 하는 것은 정보와 통신 시스템을 위한 국제적 표준화 기구 Ecma International이 ECMA-262기술 규격에 따라 정의하는 표준화된 스크립트 프로그래밍 언어를 말한다. ECMAInternational에서는 매년 새로운 버전의 개선된 ES를 발표한다.

ECMA-262를 표준어, ECMAScript를 맞춤법과 같은 규칙으로 비유할 수 있겠다. ECMAScript와 웹 개발을 하면, 많이 사용하는 자바스크립트와의 차이점을 궁금해할 수 있다.

ECMAScript는 스크립팅 언어를 만드는 규칙을 작성한 것, 자바스크립트는 이와 같은 규격을 바탕으로 만들어진 언어이다. ECMAScript의 규칙을 기반으로해서 자바스크립트와 같은 다양한 언어를 만들어낼 수 있는 것이다.

ECMAScript는 웹의 클라이언트 사이드 스크립트로 많이 사용되며 Node.js를 사용한 서버 응용프로그램 및 서비스에도 점차 많이 쓰는 추세이다. 현재까지 ES2020(ES11)가 발표됐으며, ES2015(ES6)에서 큰 변화가 있었다. 어떤 기능들이 추가되었고 개선되었는지 알아보자.

  1. let 키워드
  2. const 키워드
  3. 애로우 함수(arrow function)
  4. 클래스(class)
  5. 프로미스(promise)
  6. 심볼(symbol)
  7. 디폴트 파라미터 값(default parameter values)
  8. 나머지 매개변수(Rest Parameter)
  9. 새로운 Number 속성
  10. 새로운 Number 함수
  11. 새로운 전역 함수

각 기능들을 간략하게 얘기하면 이렇다.

let 키워드 > 블록({ }), 즉 스코프 내에서 선언할 수 있는 변수로 지역변수로서 사용가능하다.

const 키워드 > 변경할 수 없는 상수로서 사용한다.

애로우 함수 > 기존에 함수를 선언하기 위해 function키워드와 값을 반환하기 위해 return키워드를 사용했다면, 이젠 이 특징을 이용해 키워드 없이 깔끔한 작성이 가능해졌다. 단, 함수가 사용되기 전에 선언을 해야한다.

클래스 > 자바에서 사용하듯이 이름과 생성자를 선언해 클래스를 선언할 수 있다.

나머지 매개변수 > The rest parameter(...)는 함수에 인자 개수가 명확하지 않은 가변 인자를 넣을 때 사용하며 리스트로 변환된다.

새로운 전역 함수 > 무한대의 숫자임을 판단할 수 있는 isInfinte함수와 Nan(Not a number) 즉 숫자가 아님을 판단할 수 있는 isNan함수가 추가되었다.

위에서 언급한 바와 같이 ECMAInternational은 이전 버전의 결점들을 개선해 매년 새로운 규격을 발표한다. 때문에 아직 오래된 버전의 자바스크립트를 사용 중이라면 시대의 흐름에 따라가기 위해 최신 버전의 자바스크립트를 배워보길 바란다.

신현정 기자

댓글 [ 0 ]
댓글 서비스는 로그인 이후 사용가능합니다.
댓글등록
취소
  • 최신순
닫기

뉴스레터 구독하기

세상을 바꾸고 있는 블록체인과 IT 관련 이야기를 쉽고 재미있게 만나보세요.

개인정보 수집 및 이용

뉴스레터 발송을 위한 최소한의 개인정보를 수집하고 이용합니다. 수집된 정보는 발송 외 다른 목적으로 이용되지 않으며, 서비스가 종료되거나 구독을 해지할 경우 즉시 파기됩니다.