본문 바로가기
카테고리 없음

자바스크립트 기초 문법 – 초보자가 꼭 알아야 할 개념

by 쿨쿨머니 2025. 8. 28.

자바스크립트(JavaScript)는 전 세계에서 가장 널리 쓰이는 프로그래밍 언어 중 하나입니다. 웹 브라우저에서 동작하기 때문에 웹 개발을 배우려는 사람이라면 반드시 익혀야 하는 언어이기도 합니다. 오늘은 코딩을 처음 시작하는 초보자를 위해 자바스크립트 기초 문법을 정리해 보겠습니다. 변수를 선언하는 방법부터 함수, 조건문, 반복문까지 순서대로 살펴보겠습니다.

1. 변수와 상수

프로그래밍에서 데이터를 저장하기 위해 사용하는 것이 변수입니다. 자바스크립트에서는 let, const, var 키워드를 사용합니다. 최근에는 주로 letconst를 많이 씁니다.

// 변수 선언
let name = "홍길동";

// 상수 선언 (변하지 않는 값)
const pi = 3.14;

let은 값 변경이 가능하고, const는 한 번 정한 값을 바꿀 수 없습니다.

2. 자료형

자바스크립트의 기본 자료형에는 문자열(String), 숫자(Number), 불리언(Boolean), 객체(Object), 배열(Array) 등이 있습니다.

let age = 25;          // 숫자
let username = "Tom";  // 문자열
let isStudent = true;  // 불리언
let hobbies = ["독서", "코딩"]; // 배열
let person = {name: "홍길동", age: 30}; // 객체

3. 연산자

숫자를 계산하거나 문자열을 연결할 때는 연산자를 사용합니다.

let a = 10;
let b = 5;
console.log(a + b); // 15
console.log(a - b); // 5
console.log(a * b); // 50
console.log(a / b); // 2

4. 조건문

조건문은 특정 조건에 따라 다른 코드를 실행하도록 합니다.

let score = 85;

if (score >= 90) {
  console.log("A 학점");
} else if (score >= 80) {
  console.log("B 학점");
} else {
  console.log("C 학점 이하");
}

5. 반복문

반복문은 같은 코드를 여러 번 실행할 때 사용합니다.

for (let i = 1; i <= 5; i++) {
  console.log("반복 횟수: " + i);
}

6. 함수

함수는 특정 기능을 묶어두고 필요할 때마다 호출해서 사용하는 코드 블록입니다.

function greet(name) {
  return "안녕하세요, " + name + "님!";
}

console.log(greet("철수"));

7. 자바스크립트의 특징

  • 동적 언어 : 변수의 자료형을 미리 정하지 않아도 됩니다.
  • 인터프리터 언어 : 실행하면 바로 결과를 확인할 수 있습니다.
  • 웹과 밀접 : HTML, CSS와 함께 웹 개발의 핵심을 이루는 언어입니다.

마무리

오늘은 초보자를 위한 자바스크립트 기초 문법을 살펴보았습니다. 변수, 자료형, 조건문, 반복문, 함수 등은 모든 프로그래밍 언어의 기본 개념이기도 합니다. 기초를 익히고 나면 DOM 조작, 이벤트 처리, 비동기 프로그래밍 등 한 단계 더 발전된 주제를 공부할 수 있습니다. 작은 예제라도 직접 따라 해보는 것이 가장 좋은 학습 방법이니, 오늘 배운 코드를 브라우저 콘솔에서 직접 실행해 보세요. 꾸준히 연습하다 보면 자바스크립트가 점점 더 재미있게 느껴질 것입니다.