일상의 기록/🌷DAILY 회고록 : 코드스테이츠

[230320] 비동기 : promise + async/await * *

감귤밭호지차 2023. 3. 20. 23:30

 * *  의문이 풀리지 않은 글입니다  * *


🍀 오늘의 날짜 : 23년 03월  20일 
🍀 오늘의 주제 : 비동기 : promise + async /await

최대의 강적을 만났습니다. 도저히 이해가 가지 않습니다. 과제를 풀었는데도 왜 풀렸는지 이해가 되지 않습니다..

 

 

 

 

🔖 npm 오류  sh: 1: jest: not found

 

npm run test 를 돌려야 하는데 자꾸 jest 가 없다고 하는 겁니다..

혹시나 싶어서 npm install jest 를 실행했더니, ,, 클리어

 

# jest 

 

 

🔖 스프린트 과제 진행 중 궁금점  : [3]이 안되는 이유

 

 

[1] map 이용

 

[2] 직접 객체에 넣어서 return 

 

[3] ERROR 

원인을 모르겠습니다. [2] 과 비슷하게 접근해서 마지막에만 result 객체에 push 해준건데..

console.창에는 user1의 객체와 user2의 객체가 잘 합쳐져서 출력이 되었습니다.. 근데 왜 test 만 돌리면 이러는지 잘 모르겠네요...

 

 

 

 

 

🔖 JSON.parse( ) / JSON.stringify( )

 

# JSON.parse( ) 

Promise 객체로 받아오는 값은 string 타입의 data (일명, JSON 문자열)로, 바로 JS 에서 사용할 수 없습니다. 그래서 한번 더 JSON.pare( )메소드를 이용해서 JS에서 다룰 수 있는 객체 형태로 변환 시켜주는 역할을 합니다. 

 

 

# JSON.strigify( )

이 메서드는 JSON.parse( ) 와 반대로 JS 의 값이나 객체를 JSON 문자열로 변환합니다. 

 

 

 

 

 

🔖async / await

 

# 3초 뒤에 실행되는 function A 선언

# fuction B에 async 붙이기

# function B 안에 await 을 붙인 function A 넣기

# 결과 : function B  실행 후, 3초 뒤에 function A 실행.

 

 

 

 

추가 공부 필요 내역
# Promise 를 활용해서 타이머 기능 구현 해보기 : STR 프로젝트

 

 

🌱  관련 정보 정리 글                       

🔹[JS] Promise + async/await