Programming/ReactNative

[ReactNative] async와 await

코딩뽀시래기 2021. 3. 6. 15:54
728x90

async와 await는 비동기 처리 방식의 대표적인 예시라고 할 수 있다.

 

- 사용 형태

async function Function_Name(){
	await 비공개처리메소드명();
}

- 사용 예시(AsyncStorage를 이용하여 저장한 데이터를 불러올 때)

const Save_Data = async ()=>{
	const data_D = await AsyncStorage.getItem('Dday_Data');
	if (this._isMounted) {
		this.setState({Dday: data_D}); //스토리지 데이터는 return으로 값을 못 넘겨주기 때문에 state 이용
	}
}

2번 줄을 보면, 로컬 스토리지에서 Dday_Date라는 이름으로 저장되어 있는 데이터를 불러오고 있다. 만약 이 부분을 비동기 처리하지 않으면 데이터를 모두 불러올 때까지 아무 것도 하지 못하고 기다려야 한다. 그런 상황을 방지하기 위해 async와 await를 이용해 비동기 처리를 해주었다.

728x90