React의 모든 것

비구조화 할당

1. 객체 구조분해 할당

• 객체안의 데이터를 받아서 변수로 만들려면 하나하나 옮겨야했는데 구조분해할당을 사용하면 한번에 가능해 진다 (단, 객체안의 key와 변수명은 같아야한다.)
  
• useQuery를 사용할때 data가 {}안에 있는것은 구조분해할당을 사용했기 때문이다.
  

2. 배열 구조분해 할당

• 배열안의 데이터를 한번에 변수로 만들어줄수 있다.(변수의 이름을 임의로 정해줄수 있다.)
  
• 마찬가지로 useState를 사용할 때 []안의 내용은 어떤이름이든 상관없다.
  

콜백함수

• 함수안에서 함수를 실행시키는 함수
  
• map도 콜백함수임
  

과거의 콜백함수 사용

• 1. addEventListener을 이용해 async, await의 역할을 하지만, 코드도 길어지고 외부 API통신을 할때 계속해서 콜백함수를 작성해야해서 일명 콜백'지옥'에 빠지게 된다.
  

• 2. promise 방식 : 기존방식과는 다르게 then을 이용해 코드가 아래방향으로 진행되게 만들어 준다.
  

• 3. Async,Await 방식 : 한눈에 보이는 코드, 직관성, 효율성, 위의 방식과 동일한 결과
  

  Async,Await 방식을 사용하지 않을 이유가 없다!