Grammar

Grammar

설명

ECMAScript 문법

계층 탐색

  • Object

    자바스크립트의 객체
  • Expressions

    표현식
    • 구조 분해 할당 구문(Destructuring assignment syntax)

      구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있는 새로운 표현식이다.
    • 전개 구문(Spread syntax)

      전개 구문을 사용하면 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장시킬 수 있다.
  • Optimization works

  • Classes

    JavaScript class는 ECMAScript 2015을 통해 소개되었으며, 기존 prototype 기반의 상속 보다 명료하게 사용할 수 있다. Class 문법은 새로운 객체지향 상속 모델을 제공하는 것은 아니다. JavaScript class는 객체를 생성하고 상속을 다루는데 있어 훨씬 더 단순하고 명확한 문법을 제공한다.
  • Misc

    기타
    • Template literals

      템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다. 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있다. 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불리어 왔다.
    • 클로저(closure)

      유효 범위와 관련해서 클로저(closure) 패턴에 대해 이해해보자.
  • Function

    즉시 실행 함수는 자바스크립트가 갖는 대표적인 특징이며 전역 공간의 남용을 막는 좋은 패턴이다.
    • Arrow function

      ES6에 추가된 화살표 함수 표현(arrow function expression)은 function 표현에 비해 구문이 짧아 코드 최적화에 도움을 준다.
    • 즉시 실행 함수(IIFE:Immediately-invoked Function expression)

      즉시 실행 함수(IIFE:Immediately-invoked Function expression)는 자바스크립트가 갖는 주요 특징 중의 하나이며 전역 공간의 남용을 막는 좋은 대안으로 사용된다.
  • Operator

    연산자에 대하여
  • Data structures and Variable

    자료형과 변수
    • 변수(Variable)

      변수의 개념과 선언하고 사용하는 방법에 대하여 알아본다.
  • Statements and Declarations

    구문 및 선언
    • if...else

      지정한 조건의 결과 값이 참(true)인 경우와 그렇지 않은 경우를 나누어서 코드를 실행한다.
    • for...of

      for...of 구문은 반복 가능한 객체에 대해서 일회 반복하면서 각 개별 프로퍼티 값에 대응하는 실행문 루프를 생성할 수 있다.
    • break

      반복문, 분기문(switch) 또는 label 문을 종료하고 그 다음 코드로 프로그램 제어를 넘긴다.
  • Tips

  • Issue

    • 미디어 요소 자동 재생

      비디오, 오디오 요소들은 대표적인 미디어이다. 콘텐츠 구성 요소로써 정보와 감성 전달력이 매우 뛰어나지만 웹브라우저의 이용자 입장에서 본다면 자동으로 비디오, 오디오 요소들이  시작되는 것은 선택의 관점에서 불합리하다. 따라서 각 웹브라우저들은 이러한 문제를 고민하여 정책에 반영하고 있다. 이 글을 작성하고 있는 시점을 기준으로 대부분의 웹브라우저는 자동 실행을 제한적으로 허용하고 있다.
    • 전역변수로서의 DOM 참조