자바스크립트 입문자를 위한 기초 문법 정리

자바스크립트 기초 문법 이해하기

자바스크립트(JavaScript)는 웹 개발의 핵심 언어로, HTML과 CSS와 함께 웹 페이지의 구조와 디자인을 완성하는 중요한 역할을 합니다. 이번 포스팅에서는 자바스크립트의 기본 문법과 주요 개념을 정리해보겠습니다. 자바스크립트를 새롭게 배우고자 하는 분들을 위한 유용한 자료가 되기를 바랍니다.

코드 구조

자바스크립트의 여러 명령문은 세미콜론(;)을 통해 구분됩니다. 예를 들어, 여러 줄의 코드를 작성할 경우 각 명령문 뒤에 세미콜론을 붙여줘야 합니다. 한 줄에 여러 명령문을 작성할 수도 있으며, 줄 바꿈을 통해서도 구문을 나눌 수 있습니다. 아래의 예시를 확인해보세요.

alert('Hello'); alert('World');

또한, 줄 바꿈을 통한 구분이 잘 이루어질 경우, 세미콜론 없이도 코드를 실행할 수 있습니다. 이러한 현상을 ‘세미콜론 자동 삽입’이라고 합니다.

엄격 모드

자바스크립트의 최신 기능을 모두 활용하고자 한다면, 스크립트의 최상단에 ‘use strict’라는 구문을 추가해야 합니다. 이러한 구문을 추가하면 더 안전하고 예측 가능한 코드 작성이 가능해집니다. ‘엄격 모드’는 스크립트 전체 또는 개별 함수 내에서 적용할 수 있으며, 기존 코드와의 호환성 문제를 줄여줍니다.

변수 선언

자바스크립트에서 변수를 선언하는 방법에는 여러 가지가 있습니다. 주로 사용되는 키워드는 let, const, var입니다.

• let: 변수를 선언할 때 사용하며, 블록 스코프를 가집니다. 이는 변수가 선언된 블록 내에서만 유효하다는 의미입니다.
• const: 상수를 정의할 때 사용됩니다. 한 번 값을 할당하면 재할당이 불가능합니다.
• var: 예전부터 사용되던 변수 선언 키워드로, 함수 스코프를 가집니다. 사용이 권장되지 않는 이유는 호이스팅 현상으로 인해 예상치 못한 동작이 발생할 수 있기 때문입니다.

자료형

자바스크립트는 다양한 자료형을 지원합니다. 주요 자료형은 다음과 같습니다:

• 숫자형: 정수와 부동 소수점을 포함한 숫자
• 문자형: 텍스트를 나타내는 문자열
• 불린형: true 또는 false로 표현되는 논리값
• null: 고의적으로 빈 값임을 나타내는 타입
• undefined: 아직 값이 할당되지 않은 상태를 의미
• 객체형: 복잡한 데이터 구조를 나타내는 타입
• 심볼형: 고유한 식별자를 생성하는 데 사용

자바스크립트는 동적 타이핑을 지원하므로, 변수에 다른 자료형의 값을 할당하는 것이 가능합니다.

사용자 상호작용

브라우저 환경에서 자바스크립트는 사용자의 입력을 받을 수 있는 함수들을 제공합니다. 대표적으로 alert, prompt, confirm 함수가 있습니다.

• prompt: 사용자에게 질문을 표시하고 입력을 받을 수 있는 창을 띄운다.
• confirm: 사용자가 확인 또는 취소 버튼을 선택하게 해, 결과를 반환하는 대화상자를 띄운다.
• alert: 단순히 메시지를 보여주는 얼럿 창이다.

연산자

자바스크립트는 다양한 연산자를 제공합니다. 이 중 가장 일반적으로 사용되는 연산자는 다음과 같습니다:

• 산술 연산자: +, -, *, /, % 등의 기본적인 수학 연산을 수행합니다.
• 비교 연산자: ==, ===, !=, !==, >, <, >=, <=와 같은 연산자를 사용하여 값을 비교합니다.
• 논리 연산자: &&(AND), ||(OR), !(NOT) 등의 논리 연산을 제공합니다.

조건문과 반복문

자바스크립트에서는 조건문과 반복문을 통해 프로그램의 흐름을 제어할 수 있습니다. 조건문은 주로 if, else, switch문을 사용하고, 반복문은 for, while, do while로 구성됩니다. 이를 통해 특정 조건에 따라 코드 실행을 다르게 하거나 반복적으로 실행할 수 있습니다.

함수

자바스크립트에서 함수는 특정 작업을 수행하는 코드 블록입니다. 함수는 함수 선언, 함수 표현식, 즉시 실행 함수 등 여러 방식으로 정의할 수 있습니다. 기본적인 함수 선언 방법은 다음과 같습니다:

function 함수이름(매개변수) {
  // 실행할 코드
}

함수는 필요할 때 호출하여 사용하며, 인수를 통해 값을 전달받을 수 있습니다.

결론

자바스크립트는 웹 개발에 필수적인 언어로, 다양한 기능과 문법을 제공합니다. 이번 포스팅에서는 자바스크립트의 기초적인 문법과 개념을 살펴보았습니다. 이를 바탕으로 더 깊이 있는 학습이 이루어질 수 있기를 바랍니다. 앞으로 프로그래밍의 세계에서 자바스크립트가 여러분에게 유용한 도구가 되길 바랍니다.

자주 묻는 질문 FAQ