웹 개발자 도전기

Auto Rename Tag  HTML 작성 시 시작 태그와 닫는 태그를 동시에 수정 가능하다.   Auto Close Tag  HTML 파일 작성 시 닫는 태그를 자동 완성한다.  Highlight Matching Tag • HTML 작성 시 일치하는 해당 태그 클릭 시 닫는 태그를 자동 하이라이트 한다.  Image preview • HTML 작성 시 이미지 경로에 마우스를 올리면 이미지를 미리 볼 수 있다.   ESLint  소스 코드 작성 시 실수를 하면 오류 메시지를 알려주기 때문에 디버깅 시간을 단축할 수 있다.    ES6 Code snippets  화살표 함수 등 자동 완성할 수 있는 코드 템플릿을 제공한다.    Live Server  웹 서버 설치 없이 현재 작성하..

1 동기 처리 방식과 비동기 처리 방식동기 처리 방식동기 처리 방식은 코드가 작성된 순서대로 실행되는 방식 입니다. 자바스크립트 엔진은 단일 콜 스택을 사용하여 순차적으로 코드를 실행합니다. 즉, 한 함수가 실행되고 있는 동안에는 다른 함수가 실행될 수 없습니다.   비동기 처리 방식비동기 처리 방식은 현재 실행 중인 작업이 완료되지 않아도 다음 작업을 즉시 실행할 수 있는 방식입니다.이는 블로킹 현상을 방지하고 애플리케이션의 반응성을 높여줍니다.  2. 자바스크립트 비동기 처리 방식자바스크립트에서는 비동기 처리를 위한 여러 가지 방식이 있습니다.콜백 함수 기반 비동기 처리Promise 기반 비동기 처리async / await 기반 비동기 처리  2-1 콜백 함수 기반 비동기 처리콜백 함수는 특정 작업이..