프론트엔드 개발과 백엔드 개발에 모두 사용되는 자바스크립트의 특징은 다음과 같습니다.

• 데이터 타입을 명시할 필요가 없는 동적 타입의 언어입니다. 정적 타입의 언어에 비해 학습 난도가 낮지만, 동적 타입으로 인해 다양한 버그가 발생할 가능성이 있습니다.

• 객체지향 프로그래밍과 함수형 프로그래밍을 구현할 수 있습니다.

• HTML, CSS를 동적으로 다룰 수 있고, DOM API를 기반으로 웹 브라우저 내의 이벤트 처리 같은 사용자와의 상호작용을 처리할 수 있습니다.

NOTE DOM API

웹 페이지에는 텍스트, 이미지, 버튼 등의 다양한 요소가 있습니다. 웹 페이지를 구성하는 이 모든 요소를 나타내기 위한 구조나 골격을 DOM이라고 합니다. DOM은 ‘Document Object Model’의 약자로, 문서(웹 페이지)의 객체 모델이라는 뜻입니다.

DOM API는 웹 페이지의 DOM을 다루는 데 쓰이는 도구의 모음입니다. 웹 페이지의 텍스트를 바꾸거나, 새로운 이미지를 추가하거나, 버튼을 클릭했을 때 어떤 동작이 일어나게 하는 등의 작업을 할 때 DOM API를 사용합니다. 예를 들어 웹 페이지에 있는 특정 텍스트를 바꾸려면 DOM API 중 getElementById를 사용해 그 텍스트가 있는 ‘장소’를 찾아내 텍스트를 바꾸면 됩니다.