Sync(동기)

기본적인 자바스크립트의 동작방식으로, 코드가 실행될 때 위에서부터 아래로 순차적으로 진행되는 것을 의미한다.
이것은 코드의 실행 순서가 중요하다는 의미로, 코드를 작성할 때 전체적인 흐름과 순차적인 단계를 항상 의식을 하고 작성해야한다는 뜻이다.
코드가 실행될 때 실행이 완료가 돼야만 다음 코드가 실행이 되기 때문에 한 작업의 처리가 길어지면 전체 코드 처리 시간도 길어진다.

Async(비동기)

코드가 실행될 때 실행이 완료가 되지 않았더라도 다음 코드를 실행하는 방식으로, 병렬적 코드 실행 방식이라고 볼 수 있다.
자바스크립트에서는 콜백함수는 물론 fetch와 같이 서버통신에서 이 방법이 쓰이며 async, await을 통한 비동기 메소드도 존재한다.
비동기적 처리를 하게 되면 어떤 코드가 실행 완료까지 오래 걸릴 경우, 이 코드를 제외한 나머지 코드를 그 시간 동안 실행할 수 있기 때문에
전체 코드 처리 시간을 줄일 수 있어 빠르고 효율적인 작업이 가능하다.