2장: 자바스크립트 문법과 기본 개념 이해하기

alpha2025-04-30 01:28

자바스크립트의 문법과 기본 개념에 다가가기

웹 개발의 문을 열 때 자바스크립트는 가장 먼저 마주치는 언어입니다. 이미 다양한 곳에 활용되고 있지만, 무엇보다 웹 브라우저 안에서 동적인 기능을 만들어내는 데 특화되어 있습니다. 이 장에서는 자바스크립트의 기본 구조와 기초 문법을 하나씩 확인해 봅시다.

자바스크립트 코드는 HTML 안의 <script> 태그에 직접 작성하거나, 별도의 .js 파일로 저장한 후 HTML에서 불러와 실행합니다. 초보자가 가장 먼저 배우는 예제는 "Hello, World!"를 출력하는 코드 입니다. 아래 예시처럼 HTML의 <body> 하단에 스크립트를 삽입하면 웹페이지에서 즉시 자바스크립트가 동작하는 모습을 볼 수 있습니다.

<body>
  <script>
    alert('안녕하세요, 자바스크립트의 세계에 오신 것을 환영합니다!');
  </script>
</body>

자바스크립트의 기본 문법은 직관적이고 단순합니다. 변수를 선언할 땐 let, 상수에는 const 키워드를 사용합니다. 예를 들어,

let 이름 = '홍길동';
const PI = 3.14159;

여기서 변수 이름은 값이 바뀔 수 있는 반면, PI는 변하지 않는 상수 역할을 합니다. 만약 자주 쓰이는 숫자, 문자열, 불리언(참/거짓) 같은 값들을 저장하려면 이렇게 선언합니다.

자바스크립트에서는 사칙연산, 문자열 연결, 비교 등 다양한 연산자를 제공합니다. 조건문은 if, 반복은 for나 while을 사용하며, 코드를 반복 실행하거나 상황에 따라 분기할 수 있습니다.

이처럼 자바스크립트는 짧은 코드로 웹페이지에 다양한 생동감을 더할 수 있습니다. 다음 장부터는 각 문법의 세부적인 쓰임과 더 다양한 예제를 살펴보며, 여러분의 웹 개발 실력을 한 단계씩 끌어올려 볼 예정입니다.