자바스크립트 동기화에 대해서 질문합니다.

자바스크립트는 비동기언어이기 때문에, 다른코드 끝날 때 까지 기다리지 않고 작성한 코드들을 다 실행 해 버려서 서버에서 가져오는 코드들은 시간이 오래걸립니다.
그런데 현재 겪고 있는 문제는, 서버에서 가져오는 것들 보다 아래에 위치하는 코드들이 먼저 실행이 돼서
코드 실행순서에 있어서 동기화가 되지 않고 있습니다. 이문제를 어떻게 해결하면 좋을까요?

코드 실행 순서를 보장하는 데 있어서 간편하고 자주 사용하는 기능으로 async / await 이 있습니다. axios 등의 라이브러리는 promise를 return하기 때문에 axios함수콜에 대해서 위의 방법으로 해결가능 합니다. 관련 링크 : 링크

뭔가 오해하고 계신것 같습니다. 자바스크립트의 어떤점에서 서버에서 가져오는 코드들이 시간이 오래걸린다고 생각하시는 건가요?
아래 영상을 보시면 동기적 실행과 비동기적 실행에 설명되어 있습니다.

@sungmoon23 님이 말씀하신 것 처럼 서버 호출과 같이 비동기를 다루는 방법으로 promise , async / await 등을 이용하면 편리합니다.

1개의 좋아요

감사합니다!!!