Front-End/JavaScript | jQuery | AJAX
01. JavaScript란?
Yerin Thea Yoo
2026. 2. 16. 22:42
JavaScript란 웹 브라우저에서 동작하는 프로그래밍 언어다.
현재는 브라우저를 넘어 서버(Node.js), 모바일, 데스크탑까지 확장된 범용 언어로 사용된다.
처음에는 단순한 웹 페이지 동작 제어용 스크립트 언어였지만,
지금은 프론트엔드 생태계의 중심 언어다.
1. JavaScript의 정의
JavaScript는 동적인 웹 페이지를 만들기 위한 스크립트 언어다.
- HTML → 구조
- CSS → 스타일
- JavaScript → 동작
ex.
- 버튼 클릭 이벤트 처리
- 입력 값 검증
- 화면 동적 변경
- 비동기 서버 통신(AJAX)
2. Java와의 차이
이름은 비슷하지만 완전히 다른 언어다.
| 구분 | Java | JavaScript |
| 타입 | 정적 타입 | 동적 타입 |
| 실행 환경 | JVM | 브라우저/Node |
| 컴파일 | 필요 | 인터프리터 기반 |
| 클래스 구조 | 클래스 기반 | 프로토타입 기반 |
JavaScript는 실행 시점에 타입이 결정되는 동적 타입 언어다.
3. 실행 방식
- Chrome → V8 엔진
- Firefox → SpiderMonkey
- Edge → Chakra
HTML 안에 직접 작성하거나, 외부 파일로 분리할 수 있다.
<script>
console.log("Hello, World");
</script>
4. JavaScript의 특징
1) 동적 타입
let x = 10;
x = "문자열";
타입을 명시하지 않아도 된다.
2) 함수형 프로그래밍 지원
함수를 변수처럼 사용할 수 있다.
functionh add(a, b) {
return a + b;
}
또는
const add = (a, b) => a + b;
3) 비동기 처리
JavaScript는 기본적으로 이벤트 처리 + 비동기 처리 구조다.
- setTimeout
- Promise
- async/await
4) DOM 제어
JavaScript는 HTML 요소를 직접 제어할 수 있다.
document.getElementById("title").innerText = "변경";
5. 왜 중요한가?
- 모든 웹 브라우저가 지원
- 프론트엔드 표준 언어
- React, Vue, Angular 등 프레임워크 기반
- Node.js로 서버 개발 가능
웹 개발을 한다면 반드시 다루게 되는 언어다.