[카카오테크 부트캠프] 자바스크립트 기초

개념과 역할

자바스크립트는 웹 페이지에 다양한 기능을 만들어주는 프로그래밍 언어로, HTML과 CSS와 함께 웹 프로그래밍의 핵심 요소 중 하나입니다. 웹 페이지가 사용자와 상호작용하고 동작을 제어하는 데 사용됩니다.

• 이벤트 처리: 사용자의 클릭, 마우스 오버, 입력 등의 이벤트를 감지하고 이에 대응하여 동작을 수행합니다.
• 웹 페이지 조작: HTML 요소의 내용, 스타일, 구조를 동적으로 변경하여 사용자 경험을 개선합니다.
• 데이터 처리: 서버와의 데이터 교환, 데이터 유효성 검사 등을 통해 웹 애플리케이션의 데이터 처리를 담당합니다.

기본 속성

• 동적 타입 언어: 변수의 타입을 선언하지 않고 사용할 수 있으며, 실행 시간 (runtime)에 타입이 결정됩니다. 이는 코드 작성을 유연하게 만들어 줍니다.
• 인터프리터 언어: 자바스크립트는 인터프리터 언어로, 코드를 한 줄씩 해석하고 실행합니다. 이는 빠른 개발과 수정을 가능하게 하며, 빌드 과정 없이 바로 실행할 수 있습니다.
• 객체 기반: 자바스크립트는 객체 기반 언어로, 모든 것이 객체입니다. 함수도 객체이며, 함수에서 객체를 반환할 수 있습니다.

이벤트 처리

addEventListener는 지정한 이벤트를 감지하고, 그 때 실행할 함수를 정의하는 역할을 합니다.

element.addEventListener("Event Type", callback);

• Event Type: click, dbclick, keydown, mousemove, mouseover, change 등
• callback: 이벤트가 발생했을 때 실행할 함수

콜백 함수는 자바스크립트에서 매우 중요한 개념으로, 이벤트 처리 외에도 타이머 함수(setTimeout, setInterval), HTTP 요청(fetch, XMLHttpRequest), 파일 처리 등 다양한 상황에서 활용됩니다.

비동기

개념

• 비동기(Asynchronous)는 프로그래밍에서 특정 작업이 다른 작업의 완료를 기다리지 않고 독립적으로 실행되는 방식을 말합니다.
• 이는 특히 네트워크 요청, 파일 읽기/쓰기, 데이터베이스 쿼리 등의 I/O 작업에서 중요한 개념입니다.

특성

• 동시성(Concurrency): 비동기 작업은 여러 작업이 동시에 실행될 수 있습니다. 하나의 작업이 완료될 때까지 다른 작업이 차단되지 않고 진행될 수 있습니다.
• 비차단(Non-blocking): 비동기적 작업은 요청이나 이벤트가 완료되기를 기다리지 않고 바로 다음 코드를 실행합니다. 이는 프로그램이 작업을 기다리는 동안 다른 작업을 수행할 수 있게 합니다.
• 콜백 함수(Callback Function): 비동기 작업에서는 보통 콜백 함수를 사용하여 작업이 완료되었을 때 실행할 동작을 정의합니다. 이는 코드의 순차적인 실행을 보장하면서도 비동기 작업을 처리할 수 있게 합니다.