REACT_쏘 씸플한 async await 사용법

무슨 코드를 작성하는데

1,2,3 이렇게 순서대로 돌아가야하는데 3번이 꼭 지먼저 돌아가서 1,2가 안돌아가는
경우가 있다.

이럴때 async, await 를 사용해 순서대로 코드를 실행시켜보자.

const 함수이름= async () =>{
   await 먼저 실행되야하는 녀석 예를들어 const A = 1 같은거
   await 먼저 실행되야하는 녀석2

   if(위에 녀석들에 조건 걸어주면됨 예를들어 A===1 같은거){
      실행된 다음에 조건문이 돌아간다
      꼭 조건 걸지 않아도 상관 없음
      await 부터 돌아간다는것만 기억하자
   }

}

이렇게 하면 됨.

그리고 여기에 순서 추가하려면

아까 만든 함수 뒤에
.then(함수 돌고나서 할 일들)
붙이면 됩니다.

아까만든함수.then(res=>{res는 함수에서 return으로 보내준 값입니다. 이름 맘대로 지어유.
                      보통 res씀})
                      .catch((err)=>{오류뜨면 여기에넣어요 catch는 선택임})
                      .finally(()=>{이건 무조건 돌아가는코드})

ㄹㅇㅋㅋ