[3일차] JavaScript 기본 문법 – 기초 다지기

 

 

목차:

1. JavaScript 코드의 기본 구조
2. 주석 사용하기
3. 변수 선언과 데이터 타입 이해하기
4. var, let, const의 차이점
5. 기본 자료형 소개
6. 다음 시간을 위한 준비

---

 

1. JavaScript 코드의 기본 구조

JavaScript 코드는 명령문(statement)으로 구성되며, 각 명령문은 보통 세미콜론(;)으로 구분됩니다. 예를 들어:

console.log("Hello, world!"); // 콘솔에 문구를 출력

 

여기서 console.log는 명령문이며, 세미콜론을 사용하여 명령문이 끝났음을 표시합니다. JavaScript에서는 줄 바꿈으로도 명령문을 구분할 수 있어, 세미콜론은 선택 사항이지만, 가독성을 위해 쓰는 것이 좋습니다.

 

2. 주석 사용하기

코드를 작성하면서 주석을 달면, 코드를 이해하거나 수정할 때 큰 도움이 됩니다.

• 한 줄 주석: // 기호 뒤에 주석 내용을 작성합니다.
• // 이 코드는 콘솔에 문구를 출력합니다. console.log("Hello, world!");
• 여러 줄 주석: /* */ 사이에 여러 줄의 주석을 작성할 수 있습니다.
• /* 이 코드는 여러 줄 주석입니다. 콘솔에 문구를 출력합니다. */ console.log("Hello, world!");

 

3. 변수 선언과 데이터 타입 이해하기

변수는 데이터를 저장하는 데 사용됩니다.

JavaScript에서는 var, let, const 키워드를 사용하여 변수를 선언합니다.

 

let message = "Hello, JavaScript!";
console.log(message);

 

위 코드에서 message라는 변수를 선언하고 문자열 데이터를 저장한 후, console.log를 통해 값을 출력합니다.

 

4. var, let, const의 차이점

변수를 선언할 때 var, let, const 키워드가 사용됩니다. 각각의 차이점은 다음과 같습니다.

• var: 예전 방식의 변수 선언 방법으로, 범위(scope)와 관련된 문제를 일으킬 수 있어 최근에는 거의 사용하지 않습니다.
• let: 재할당이 가능한 변수를 선언합니다. 변수의 블록 범위(block scope)를 가지며, for 반복문이나 조건문 내부에서 유용합니다.
• const: 상수(Constant) 선언으로, 값을 한 번만 할당하고 변경할 수 없습니다. 변경되지 않는 데이터(예: 고정된 값)를 저장할 때 사용합니다.

예시:

let age = 25;
age = 26; // 재할당 가능

const birthYear = 1998;
// birthYear = 1999; // 에러 발생 (const는 재할당 불가)

 

5. 기본 자료형 소개

JavaScript에는 다양한 데이터 타입이 있습니다. 오늘은 대표적인 자료형을 다뤄볼게요.

 

• 문자열(String): 텍스트 데이터를 표현합니다. 큰따옴표나 작은따옴표를 사용합니다.
• let name = "Alice";


• 숫자(Number): 정수와 실수를 모두 포함합니다.
• let age = 30; let price = 9.99;


• 불리언(Boolean): 참(true) 또는 거짓(false) 값을 가집니다.
• let isStudent = true;


• Null: 의도적으로 값이 없음을 나타냅니다.
• let emptyValue = null;


• Undefined: 변수가 선언되었으나, 초기화되지 않은 경우 undefined 값이 할당됩니다.
• let uninitialized; console.log(uninitialized); // undefined


• 객체(Object)와 배열(Array)은 다음 내용에서 자세히 다룰 예정입니다.

 

6. 다음 시간을 위한 준비

 오늘은 JavaScript의 기본 문법과 변수 선언 및 데이터 타입에 대해 배웠습니다. 이 지식을 바탕으로, 다음차에는 연산자와 조건문에 대해 알아보겠습니다.

 

감사합니다.