1. 동기와 비동기
우선 비동기 처리를 알기전에 동기와 비동기에 대해 짚고 넘어가겠다. 우선 동기란 하나 하나씩 순차적으로 처리되는 방식을 말한다. 무언가 요청이 들어왔을 때 그 요청에 대한 응답을 받은 후 다음 일을 시작한다. JavaScript의 경우 싱글 스레드로 동작하는 프로그램이기 때문에 동기적 언어라 말한다. 비동기의의 경우는 동기와 반대로 응답의 여부와 관계없이 다음 일을 처리하는 방식이다. 멀티 스레드를 사용하는 언어로는 C++ 등이 있다.
2. 왜 비동기 처리가 필요한가?
데이터가 적을 때는 크게 상관이 없지만 문제는 데이터가 많아 질 수록 생긴다. 만약 특정한 앱을 만들어서 서비스를 한다고 했을 때 비동기 처리 없이 앱을 구현하게 된다면 서버로부터 데이터를 받아올 때까지 기다린 다음에 앱이 실행 될 것이다. 데이터가 많으면 많아질수록 사용자의 기다리는 시간이 길어지게 되며 이는 사용자의 이탈로 이어 질 수 있다. 이러한 상황들을 방지하기 위해 비동기 처리가 필요하다.
3. JavaScript에서 비동기 처리 방법
JavaScript에서 비동기 처리 방식은 크게 3가지가 있는데 그 내용은 다음과 같다.
- Callback
- Promise
- async/await
각각의 내용은 조금 더 공부를 하면서 자세하게 정리를 해볼 예정이다.
4. 참조
스파르타 코딩클럽 리액트 심화반 2주차 강의자료
프론트엔드 개발자