[JavaScript] 01. JavaScript란 무엇인가
JavaScript는 웹 페이지에 동적인 기능을 추가하기 위해 사용되는 프로그래밍 언어이다. HTML이 페이지의 구조를 담당하고, CSS가 디자인을 담당한다면, JavaScript는 동작과 로직을 담당한다.
버튼 클릭, 입력 처리, 화면 변경처럼 사용자의 행동에 따라 웹 페이지가 반응하도록 만드는 역할을 한다.
1) JavaScript의 역할
JavaScript로 할 수 있는 대표적인 기능은 다음과 같다.
- 버튼 클릭, 입력 등 사용자 이벤트 처리
- 입력값 확인 및 조건에 따른 처리
- 화면 요소의 내용 변경
- 서버와 데이터 통신
- 간단한 애니메이션 효과
2) HTML / CSS / JavaScript 관계
웹 페이지는 보통 아래와 같이 역할이 나뉜다.
- HTML : 구조 (뼈대)
- CSS : 스타일 (디자인)
- JavaScript : 동작 (로직)
예를 들어, 버튼을 클릭했을 때 알림창을 띄우는 기능은 JavaScript가 담당한다.
<button onclick="alert('Hello')">클릭</button>
위 예시는 HTML 요소에 JavaScript 동작을 직접 연결한 간단한 예제이다.
3) JavaScript 실행 환경
JavaScript는 원래 웹 브라우저에서 실행되는 언어로 만들어졌다. 브라우저가 JavaScript 코드를 읽고 해석하여 실행한다.
현재는 실행 환경이 확장되어 다음과 같은 곳에서도 사용된다.
- 웹 브라우저 (Chrome, Edge 등)
- Node.js 환경
이로 인해 JavaScript는 웹 페이지뿐 아니라 다양한 프로그램 환경에서도 활용되고 있다.
4) JavaScript의 특징
- 코드를 한 줄씩 해석하여 실행하는 언어
- 변수의 타입을 미리 정하지 않는 동적 타입 언어
- 객체를 중심으로 구성 가능한 언어
- 이벤트 발생에 따라 동작하는 구조
문법이 비교적 단순하여 배우기 쉽지만, 기본 개념을 정확히 이해하는 것이 중요하다.
5) 정리
- JavaScript는 웹 페이지의 동작을 담당하는 언어
- HTML, CSS와 함께 사용됨
- 사용자 행동에 따라 화면을 변경할 수 있음
- 브라우저와 Node.js 환경에서 실행 가능
'Computer Science > JavaScript' 카테고리의 다른 글
| [JavaScript] 06. 스코프와 호이스팅 (0) | 2026.02.13 |
|---|---|
| [JavaScript] 05. 함수(Function) (0) | 2026.02.13 |
| [JavaScript] 04. 반복문 (0) | 2026.02.13 |
| [JavaScript] 03. 연산자와 조건문 (0) | 2026.02.07 |
| [JavaScript] 02. 변수와 데이터 타입 (0) | 2026.02.07 |