구조 분해 할당

배열이나 객체의 요소 및 프로퍼티들을 분해 하여,
그 값들을 각각의 변수에 할당하는 자바스크립트의 표현식

배열 구조 분해 할당

• temp 변수없이도 그냥 두개의 값을 바꿀 수가 있다.

객체 구조 분해 할당

Spread

점 세개를 써서 특정 객체 또는 배열이 가지는 반복적인 프로퍼티를 퍼뜨려 준다.

Rest

나머지 매개변수
묶어주는 문법임.

rest는 맨 마지막에 넣어야 함. (순서에 예민)

비동기 처리

동기

하나의 작업이 실행되는 동안은 다른 작업을 동시에 진행하지 않는 방식
앞의 작업이 종료된 이후 다음 작업을 진행할 수 있는 순차적인 방식

그렇다면 여러 스레드를 사용해서 한꺼번에 여러 작업을 할 수 있게끔 할 수 이지 않을까? -> 멀티스레드 방식
but 자바스크립트는 single thread 방식만 가능
따라서 비동기 처리를 사용할 수 있어야 한다.
하나의 스레드에서 여러개의 작업을 동시에 처리가 가능
-> 작업을 효율적으로 처리할 수 있다.


-> 이런식으로 D->B->A-.>C순서대로 출력된다.

1. setTimeout()이 실행돼서 3초만 기다리세요가 실행됨
2. callback()함수 호출
3. callback()은 work 함수 호출 시 전달된 실제 함수를 가리키며, 여기서는 ()=> {console.log("종료")}임

Promise 객체

비동기작업을 더 편리하게 처리할 수 있게 해주는 자바스크립트 내장 객체
promise 객체를 만들 때에는 인수로 excecutor라는 실행함수를 전달한다.

• resolve와 reject라는 콜백함수: executor는 비동기처리가 성공하면 resolve를, 실패한다면 reject를 호출한다.
  항상 성공할수도 실패할수도 있기 때문에 둘중 하나는 반드시 호출해야 한다.

new Promise(executor)
state: pending(대기)
result: undefined
-> resolve (value) - > state:fulfilled result: value
-> reject (error) - > state: rejected result : error

처리가 끝난 promise 객체는 더이상 변경이 안된다.

작업이 성공했을 때는 then, 실패했을 때는 catch 메서드를 사용한다.

API호출

클라이언트-서버 통신
클라이언트: 데이터를 요청
서버: 데이터 베이스에서 데이터를 검색 후 찾고 가져오기
그리고, 클라이언트에 데이터 전달

API: 클라이언트와 서버가의 통신이라고 할 수 있다
데이터를 요청하고 전달받는 방법!

JSON이란

자바스크립트 객체 표기법
데이터를 전송할 때 사용됨
url을 통해 호출이 가능하다.