[React 숙련] 비동기 프로그래밍 입문 (promise 객체 / async,await)

1. 비동기 프로그래밍이란? ▶ 동기: 현재 실행중인 코드가 끝나야 다음코드 실행 ▶ 비동기 : setTimeout, addEventListener // 요청,실행대기, 보류 등 코드 , 서버통신과 관련 로직이 대표적 (ex. 짜장면 배달: 배달 후 할일 후에 짜장면 그릇 가져감) ▶ 콜백지옥 : 비동기 시, 일어날 수 있는 문제 => 가독성+수정이 어려움 => (ES6) promise 객체가 나옴! 2. promise 객체의 handling 방법 (예외처리) ▶ promise 객체 (1) 대기 : pending / 요청하고난 직 후 상태 --> 초초 그 잡채 (2) 이행 : fulfilled / 성공적으로 전달한 상태 (3) 거부 : rejected / 이유는 모르겠지만 거절당함 ▶ handling 방..

• format_list_bulleted React
• · 2023. 11. 9.
• textsms

JS 비동기/동기 async + await 사용

1. 오늘 만난 에러 1. 비동기/동기의 활용하고싶음 - JS코드는 비동기 + 동기가 있을때 동기부터 실행됨 - 비동기 코드를 먼저 사용하기 위해서 사용하는 것 : async + await - async function() { const result = await fecth(~~~)를 활용하기 2. 인자와 매개변수의 혼란 - function add(매개변수) { return 1;} //매개변수: 문지기 - add(인자) // 인자 : 손님 2. 접근방식 1. async function() { // 여기는 비동기 방식만 사용하는 줄 알았음 //(1) 필요한 데이터 (외부에서 가져오는 데이터 = fetch)만 비동기로 사용 //(2) 그 후에 함수는 동기방식으로 사용하기 가능 } - 함수를 쓰고 후에 함수를..

• format_list_bulleted TIL :: Today I Learned
• · 2023. 10. 27.
• textsms