JavaScript란 무엇인가?

JavaScript(자바스크립트) 는 웹을 움직이게 하는 핵심 프로그래밍 언어입니다. HTML이 웹 페이지의 구조를 담당하고, CSS가 디자인을 담당한다면, JavaScript는 동작(Interaction) 을 담당합니다. 버튼 클릭 시 동작, 팝업 창, 슬라이드 배너, 데이터 검증 등 사용자와 상호작용하는 대부분의 기능은 JavaScript로 구현됩니다.

1. 특징

• 인터프리터 언어: 별도 컴파일 없이 브라우저에서 바로 실행
• 객체 기반 언어: 객체(Object)를 중심으로 동작
• 이벤트 기반: 사용자 입력(클릭, 키보드, 스크롤 등)에 따라 반응
• 멀티 패러다임: 절차적, 객체지향, 함수형 프로그래밍 모두 가능
• 크로스 플랫폼: 웹 브라우저만 있으면 어디서든 실행 가능

2. JavaScript의 역할

• 동적 웹 구현: 버튼 클릭, 애니메이션, 실시간 데이터 반영
• 폼 검증: 아이디/비밀번호 형식 검사, 입력값 체크
• DOM(Document Object Model) 조작: HTML 요소를 생성, 삭제, 수정 가능
• 서버 통신: AJAX, Fetch API 등을 통해 서버와 비동기 데이터 교환
• 풀스택 활용: Node.js를 이용해 서버 개발에도 사용 가능

3. 기본 문법 예시

출력하기

<script>
  console.log("Hello JavaScript!");
  alert("환영합니다!");
</script>

변수 선언

let name = "홍길동";  // 변경 가능 변수
const age = 20;      // 상수(변경 불가)

조건문

if (age >= 18) {
  console.log("성인입니다.");
} else {
  console.log("미성년자입니다.");
}

함수

function greet(user) {
  return "안녕하세요, " + user + "님!";
}
console.log(greet("홍길동"));

이벤트 처리

<button onclick="alert('클릭됨!')">클릭</button>

4. JavaScript 실행 환경

• 브라우저: Chrome, Edge, Firefox 등 대부분의 브라우저에 내장된 엔진(V8, SpiderMonkey 등)에서 실행
• Node.js: 서버 사이드 환경에서 실행 가능 → 백엔드 개발에 활용
• 프레임워크/라이브러리: React, Vue, Angular, jQuery 등 다양한 생태계 존재

5. 최신 JavaScript (ES6+)

• let, const 키워드
• 화살표 함수 () => {}
• 템플릿 문자열 (Hello ${name})
• 클래스(Class) 문법
• 모듈화 (import/export)

마무리

JavaScript는 더 이상 단순한 보조 스크립트 언어가 아니라, 웹과 앱 전체를 아우르는 핵심 언어로 자리 잡았습니다.

• 프론트엔드: 웹 인터페이스 구현
• 백엔드: Node.js로 서버 개발
• 모바일/데스크톱 앱: React Native, Electron 등으로 확장

즉, JavaScript를 익히는 것은 현대 웹 개발의 출발점이라고 할 수 있습니다.