{"componentChunkName":"component---src-templates-tags-js","path":"/tags/ecma-script-6/","result":{"data":{"site":{"siteMetadata":{"title":"Bottlehs Tech Blog"}},"allMarkdownRemark":{"totalCount":5,"nodes":[{"excerpt":"ES6 Map & Set Map과 Set은 Java와 같은 다른 프로그래밍 언어에서도 자주 사용하는 데이터 구조이다. Map은 키와 값으로 이루어진 데이터 구조이고, Set…","fields":{"slug":"/javascript/es6-map-set/"},"frontmatter":{"date":"2020년 12월 13일","title":"ES6 Map & Set","description":"Map과 Set은 Java와 같은 다른 프로그래밍 언어에서도 자주 사용하는 데이터 구조이다. Map은 키와 값으로 이루어진 데이터 구조이고, Set은 중복 없는 키-값으로 이루어진다. 기존 자바스크립트에서는 배열과 객체로 해당 기능을 구현할 수 있었지만, 입력값의 목록이나 특정값 찾기를 수행하기 위해서는 별도의 과정이 필요하다."}},{"excerpt":"ES6 객체 표현식 ES6에서는 더욱 동적이고 간단하게 객체를 생성하고 할당하는 표현식을 제공한다. 만약, 객체의 속성을 변수명과 같은 속성명으로 설정하려면 이를 간단하게 표현할 수 있다. 예를 들어, 아래 코드1과 같은 객체가 있다면, 코드…","fields":{"slug":"/javascript/es6-객체-표현식/"},"frontmatter":{"date":"2020년 12월 13일","title":"ES6 객체 표현식","description":"ES6에서는 더욱 동적이고 간단하게 객체를 생성하고 할당하는 표현식을 제공한다. 만약, 객체의 속성을 변수명과 같은 속성명으로 설정하려면 이를 간단하게 표현할 수 있다."}},{"excerpt":"ES6 임포트(import)와 익스포트(export) 모듈 모듈 프로그래밍은 각 프로그램 파일을 모듈 단위로 분리하여, 이를 구조화할 수 있는 장점이 있다. ES…","fields":{"slug":"/javascript/es6-임포트-import-와-익스포트-export-모듈/"},"frontmatter":{"date":"2020년 12월 10일","title":"ES6 임포트(import)와 익스포트(export) 모듈","description":"모듈 프로그래밍은 각 프로그램 파일을 모듈 단위로 분리하여, 이를 구조화할 수 있는 장점이 있다. ES5 이전의 자바스크립트는 모듈을 지원하지 않았기에 다양한 방식을 사용해 이를 구현해왔다. ES6부터 import, export 구문을 활용하면, 한 모듈이 특정 변수를 익스포트(export)하고 다른 모듈이 이를 임포트(import)하여 계층 관계를 만들 수 있다."}},{"excerpt":"ES6 Spread & Rest 연산자 ES6부터 가변 인자를 표현할  키워드가 추가 되었다. 기존에는 배열 값을 함수 임자로 넘기려면  내장 메서드나  를 통해 변수를 받아서, 이를 Array.prorotype.slice…","fields":{"slug":"/javascript/es6-spread-rest-연산자/"},"frontmatter":{"date":"2020년 11월 19일","title":"ES6 Spread & Rest 연산자","description":"ES6부터 가변 인자를 표현할 '...' 키워드가 추가 되었다. 기존에는 배열 값을 함수 임자로 넘기려면 apply() 내장 메서드나 argments 를 통해 변수를 받아서, 이를 Array.prorotype.slice() 함수로 잘라내야 했지만 '...' 키워드를 이용하면 여러 개의 인자를 넘길 수 있다. 이는 Spread 연산자라고 한다."}},{"excerpt":"ES6 디스트럭처링(Destructuring) 디스트럭처링(Destructuring)은 Object 객체를 개별 변수에 할당하는 것을 말한다. 이를 이용하면, JSON…","fields":{"slug":"/javascript/es6-디스트럭처링-destructuring/"},"frontmatter":{"date":"2020년 11월 18일","title":"ES6 디스트럭처링(Destructuring)","description":"디스트럭처링(Destructuring)은 Object 객체를 개별 변수에 할당하는 것을 말한다. 이를 이용하면, JSON 형태의 객체를 쉽게 매핑하여 변수에 할당할 수 있고, 반환값도 여러 개를 설정할 수 있다."}}]}},"pageContext":{"tag":"ECMAScript6"}},"staticQueryHashes":["213619243","3262363727"]}