web-worker-ex

웹워커란?

• 싱글 스레드 기반의 자바스크립트를 사용시, 비동기 사용이 아닌 멀티 스레드 처럼 사용하고 싶을 때 사용하는 기능
• 기본적으로 무거운 작업을 처리할 때, UI 선처리후 => 작업 완료 형식으로 사용하여 동작의 성능을 최적화함
• 비동기와는 다른 개념으로 DOM 에 접근이 불가능

실행

// yarn berry 사용으로 아래 명령어만 치면 됨.
yarn start

싫으면, vscode 에 live server 를 이용합시다!!

확인.

위 아래 버튼을 각각 클릭 후, 버튼, 제목에 호버시 동작 확인해보면 차이점을 알 수 있음.