많이사용하는 ES6 문법
1. MODULE
프로그래밍에서 모듈 이란 프로그램을 구성하는 구성요소의 일부
다른 사람의 코드나, 내가 잘게 쪼개 놓은 코드를 재사용하고 싶을 때 씀.
mobule.html
<!-- thtml에서 모듈을 불러올때는 <script type="module"> 속성을 설정해 스크립트가 모듈이란 걸 브라우저가 알 수 있게 해준다. -->
<body>
<script type="module">
// import를 사용해 say.js의 함수 say를 사용
import {say} from './say.js'
import {funcA,funcB,varC} from './main.js'
// ★ 라이브 서버에서만 실행된다
document.body.innerHTML=say('뽀삐');
funcA();
funcB(varC);
</script>
</body>2. MAP
배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환함
문법
arr.map(function(){ }) => 배열에만 사용가능
array.map(callback(current value, index, array), this)
// 여기서 콜백함수는 세 가지 인자를 전달하고 두 번째로 this값을 인자로 받을 수 있음- current value(디폴트 값, 무조건 써야함)
// 현재 반환할 값 - index (Option, 필요하면 사용)
// 현재 해당하는 인덱스의 값 - array (Option, 필요하면 사용)
// 배열에 접근 가능 - this (Option, 필요하면 사용)
// 사용할 this 키워드의 값
이처럼 위에서 value, array, this는 선택 가능한 옵션값
반환값 : 배열의 각 요소에 대해 실행한 callback의 결과를 모은 새로운 배열.
DESTURCTURING
Desturcturing : 객체, 배열의 값을 쉽게 꺼내온다
🎈 함께 성장하는 즐거운 개발자의 세계로! 🌈✨