sliver__

두 개 이상의 배열을 하나의 배열로 병합하거나 객체를 병합할 때 사용한다. 예시는 아래와 같다. mergedHobbies를 보면 배열을 선언하는데 앞에 ... 점 3개가 붙어있다.이게 뭐지? 처음보는 문법이다.nestedHobbies처럼 배열 선언 시, 다른 배열을 나열하면 배열안에 배열이 생겨버린다.오른쪽 사진의 중간을 보면 Array(2), Array(1)이라고 되어있다.Array안에 Array 2개가 있는 구조가 된다.하지만 ...(spread 연산자)를 사용하면 하나의 배열에 원소가 나열된다 !! 객체도 마찬가지이다.

배열Javascript에서도 배열의 개념이 있다.[ ] 를 사용하여 배열을 선언한다.[ ] 내부에 여러 원소를 , 를 기준으로 나열한다.index는 0부터 시작한다.push method는 배열 가장 뒤에 원소를 추가한다.findIndex method는 파라미터로 function을 넘기는데, 찾고자 하는 변수의 index를 반환한다.map method는 배열의 값을 변경하여 "새로운 객체"를 반환한다.String 조작을 할 수도 있고새로운 객체를 생성하여 반환할 수도 있다.

객체{}표시를 통해 객체를 선언한다.내부는 key-value 형식으로 선언한다.함수도 선언할 수 있다.외부에서 객체의 변수와 함수를 접근하여 사용할 수 있다. 클래스변수의 첫 알파벳은 대문자로 선언한다.constructor 키워드를 통해 변수를 선언하고 값을 지정한다.함수를 선언할 수 있다. function 키워드는 사용하지 않는다.외부에서 클래스를 사용해 선언한 객체의 변수와 함수를 접근하여 사용할 수 있다.

import다른 javascript 파일에서 변수 값을 사용하기 위해 선언 export변수를 다른 javascript 파일에서 사용할 수 있도록 하기 위해 선언  오른쪽의 util.js 파일에서 apiKey, abc, default로 변수를 선언하고 export한다.왼쪽의 app.js 파일에서 import {변수이름} from "파일경로"로 값을 import 한다.default의 경우 js 파일 당 하나만 선언이 가능하다.