-
JavaScript 개념 정리웹개발/JavaScript 2024. 9. 11. 09:49728x90
자바스크립트(JavaScript)는 동적인 웹 페이지를 작성하기 위해 사용되는 언어입니다.
모든 웹브라우저에서 지원하며, 웹 페이지를 보다 상호작용적으로 만들 수 있게 해줍니다.
HTML이나 CSS와 달리, 자바스크립트는 웹 페이지에서 동적으로 콘텐츠를 업데이트하거나 사용자 이벤트에 반응할 수 있습니다.
- 동적 웹 페이지 작성 언어: 자바스크립트는 사용자가 웹 페이지와 상호작용할 수 있도록 해줍니다.
- 브라우저 호환성: 대부분의 웹 브라우저는 자바스크립트를 기본적으로 지원합니다.
자바스크립트의 주요 특징들을 알려줘
- 인터프리터 언어: 코드를 한 줄씩 해석하여 실행하는 방식의 언어입니다.
- 동적 타이핑(Dynamic Typing): 변수의 타입이 고정되지 않고, 실행 시점에 결정됩니다.
- 객체 기반 언어: 객체를 중심으로 코드를 작성하며, 프로토타입(prototype) 기반의 상속을 지원합니다.
- 함수형 프로그래밍 지원: 함수도 객체처럼 다룰 수 있으며, 고차 함수 등 함수형 프로그래밍 개념을 지원합니다.
자바스크립트는 어디서 쓰는데?
- 프론트엔드 개발: Vue, Angular, React와 같은 프론트엔드 프레임워크에서 사용되며, 동적인 사용자 인터페이스를 구현하는 데 필수적입니다.
- 서버 개발: Node.js를 기반으로 한 서버 프로그래밍에서도 자바스크립트가 널리 사용됩니다.
- 광범위한 웹 서비스: 자바스크립트는 jQuery와 함께 네이버, 구글과 같은 웹 서비스부터 데스크톱 응용 프로그램까지 폭넓게 사용됩니다.
DOM과 자바스크립트
자바스크립트는 DOM(Document Object Model)을 활용하여 HTML 문서를 동적으로 조작할 수 있습니다.
DOM은 HTML 문서의 요소들을 계층적 구조로 표현하며, 자바스크립트는 이 구조를 변경하거나 조작하여 페이지 내용을 동적으로 제어할 수 있습니다.
예시코드:
<!DOCTYPE html> <html> <body> <h1 id="test">This is a heading.</h1> <script> function changeStyle() { var e = document.getElementById("test"); e.style.color = "red"; } </script> <button type="button" onClick="changeStyle()">스타일을 변경하세요!</button> </body> </html>이 코드는 버튼을 클릭시에 changeStyle()함수가 실행되어 <h1>요소의 텍스트 색깔을 빨간색으로 변경합니다.
728x90'웹개발 > JavaScript' 카테고리의 다른 글
🔢 자바스크립트 Math 객체 완벽 가이드 - 필수 메서드 총정리! (0) 2024.07.27 자바스크립트 문자열 객체 완벽 가이드 (0) 2024.07.27 자바스크립트 배열 객체 완벽 가이드 (0) 2024.07.27 자바스크립트 개발자라면 꼭 알아야 할 표준 내장 객체! (0) 2024.07.27 자바스크립트 이벤트 모르면 나가라. (2) 2024.07.20