JavaScript - JavaScript의 기본 문법

1. JavaScript가 뭘까?

2. JavaScript를 시작하기

3. JavaScript의 기본 문법

 

https://hanke-r.tistory.com/entry/JavaScript-JavaScript-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0

JavaScript - JavaScript 시작하기

 

 

이전글에 이어서

이번 글에서는 3. JavaScript 기본적인 구성 요소인 변수, 데이터 타입, 연산자에 대해서 간단히 알아보자!

 

---

변수와 상수

 

JavaScript에서 데이터를 저장하려면 변수를 사용한다.

* ES6 이후에는 var, let, const를 사용해 변수를 선언한다.

https://hanke-r.tistory.com/entry/JS-%EB%B3%80%EC%88%98-%EC%84%A0%EC%96%B8-var-const-let-%EC%B0%A8%EC%9D%B4%EC%A0%90%EA%B3%BC-%EC%82%AC%EC%9A%A9-%EB%B0%A9%EB%B2%95

JS - 변수 선언 var, const, let 차이점과 사용 방법

- var: 과거에 사용된 변수 선언 방식(현재는 잘 사용하지 않음)

- let: 값을 변경할 수 있는 변수를 선언할 때 사용

- const: 한 번 선언하면 값을 변경할 수 없는 상수를 선언할 때 사용

let age = 25; // 변경 가능한 변수
const name = 'Alice'; // 변경 불가능한 상수

 

---

데이터 타입

 

JavaScript에는 다양한 데이터 타입이 있다.

크게 기본형(Primitive)과 참조형(Reference)으로 나뉜다.

 

---

기본형 데이터 타입

 

- 숫자(Number) : 모든 숫자는 동일한 타입(정수와 소수 구분 없음)

let x = 5;
let y = 3.14;

 

 

- 문자열(String) : 작은 따옴표(')나 큰 따옴표(")를 사용해 텍스트를 표현

let message = "Hello, Hanker!";

 

 

- 불리언(Boolean) : true(참) 또는 false(거짓)의 값을 가진다.

let isActive = true;

 

 

- null : 의도적으로 "값이 없음"을 나타낸다.

let empty = null;

 

 

- undefined : 변수가 선언되었지만 값이 할당되지 않은 상태이다.

let notAssigned;

 

 

- 심볼(Symbol) : 고유한 값을 나타내는 데 사용(잘 사용되지는 않음)

 

---

참조형 데이터 타입

 

- 객체(Object) : 키-값 쌍으로 데이터를 저장한다.

let user = {
    name: "hanker",
    age: 32
};

 

 

- 배열(Array) : 데이터의 리스트를 저장한다.

let colors = ["red", "green", "blue"];

 

 

---

 

연산자

 

JavaScript에서 데이터를 처리하거나 비교하기 위해 다양한 연산자를 사용한다.

 

산술 연산자

+	더하기
-	빼기
*	곱하기
/	나누기
%	나머지

let a = 10, b = 5;
console.log(a + b); // 15

 

할당 연산자

 

=	기본
+=, -=, *=, /=	추가

let x = 10;
x += 5; // x = x + 5
console.log(x); // 15

 

 

비교 연산자

==	동등비교 (값 비교)
===	일치비교 (값, 타입 비교)
< , > , <= , >=	크기 비교

console.log(5 === "5"); // false (타입이 다름)

 

 

논리 연산자

&&	AND
||	OR
!	NOT

let isAdult = true;
let hasTicket = false;
console.log(isAdult && hasTicket); // false

 

 

삼항 연산자 : 조건에 따라 값을 반환한다.

let age = 18;
let canVote = age >= 18 ? "Yes" : "No";
console.log(canVote); // "Yes"

 

---

템플릿 리터럴

 

문자열을 결합할 때 백틱(`)을 사용하여 간단히 작성할 수 있다.

let name = "Hanker";
let message = `Hello, ${name}! Welcome!`;
console.log(message); // "Hello, Hanker! Welcome!"

 

---

주석

 

코드에 설명을 추가할 때 사용된다.

//	한 줄 주석
/* ... */	여러 줄 주석

// 이 코드는 이름을 출력
let name = "hanker";
console.log(name); /* hanker 출력 */

 

---

정리

 

JavaScript의 기본 문법은 정말 간단하다.

변수를 선언하고 데이터 타입을 다루며, 연산자를 활용하는 방법을 잘 이해하면 다양한 프로그램을 작성할 수 있다.

 

다음 단계에서는 제어문을 통해 프로그램의 흐름을 제어하는 방법을 배워보자!