728x90
자바스크립트(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' 카테고리의 다른 글
| 네이밍 컨벤션 4가지: 카멜, 스네이크, 파스칼, 케밥 케이스 (0) | 2024.11.12 |
|---|---|
| CodeSnap으로 캡처하자: VSCode 코드 캡처 라이브러리 (3) | 2024.11.11 |
| 🔢 자바스크립트 Math 객체 완벽 가이드 - 필수 메서드 총정리! (0) | 2024.07.27 |
| 자바스크립트 문자열 객체 완벽 가이드 (0) | 2024.07.27 |
| 자바스크립트 배열 객체 완벽 가이드 (0) | 2024.07.27 |