정적인 HTML 콘텐츠에서 사용자와 상호작용하며 동적으로 변경하는 부분을 담당
객체 기반의 스크립트 언어, 웹 브라우저에서 해석되는 인터프리터 언어
Node.js 와 같은 프레임워크를 사용하면 서버 프로그래밍에서도 사용 가능
- 동적이며 타입을 명시할 필요가 없는 인터프리터 언어
- 객체지향 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있음
- HTML의 내용, 속성, 스타일을 변경할 수 있음
- 이벤트를 처리하고 사용자와의 상호작용을 가능하게 함
- 서버와 실시간 통신 기능을 제공
문법 특징
- 변수 타입을 따로 지정하지 않음
선언은 var, let, const를 사용 - 범위 지정 없이 변수를 선언하면 전역변수가 되고 위치에 상관없이 호이스팅(끌어올림) 되므로 주의
- 문자열 표현에는 " ' 모두 사용 가능
- 함수형 언어를 지원하며 함수는 변수, 함수 인자, 객체 멤버 등 모든 곳에서 사용 가능
- <script> 태그는 HTML의 <head>와 <body> 영역 모두 가용 가능
웹 페이지 내에서 여러번 삽입 가능
하지만 DOM 접근을 위해서는 HTML 문서가 모두 로딩 된 다음에 접근 가능 - JSON 구조를 광범위하게 사용
▶ 정리
- 동적인 웹페이지
HTML요소를 선택하고 내용, 스타일, 동작 등을 동적으로 변경할 수 있음
사용자와 상호작용하여 다양한 이벤트에 반응하는 웹 어플리케이션을 만들 수 있음 - 클라이언트 측 프로그래밍
JS는 클라이언트 측에서 실행되는 언어
사용자의 웹 브라우저에서 사용됨 - 객체지향 프로그래밍
OOP 개념 사용하고
객체 메서드 속성 등을 활용하여 작성할 수 있음 - 이벤트 기반 프로그래밍
Event-driven 모델을 따름
이벤트 발생 시 해당 이벤트에 대한 처리기(Event Handler) 함수를 사용 - API와 상화작용
외부 리소스와 서비스에 접근하여 사용 가능함 - 다른 플랫폼에서 활용
Node.js, Dart 등에서 자바스크립트를 활용 가능함
'Language > Javascript' 카테고리의 다른 글
| [JS] 상속 (0) | 2024.07.25 |
|---|---|
| [JS] 자바스크립트 기초 (코딩애플 유튜브 무료강의) (0) | 2024.03.28 |
| [JS] jQuery (0) | 2023.10.23 |
| [JS] DOM (0) | 2023.09.07 |
| [JS] 함수 (0) | 2023.09.06 |