이번 포스팅에서는 Java스크립트의 기초 개념인 변수 선언, 데이터 타입, 그리고 연산자에 대해 자세히 알아보겠습니다. Java스크립트는 웹 개발에 필수적인 언어로, 기초를 잘 이해하는 것이 매우 중요합니다.
1. 변수 선언
변수는 데이터를 저장할 수 있는 공간을 의미합니다. Java스크립트에서는 변수를 선언하기 위해 var, let, const 키워드를 사용할 수 있습니다.
1.1 var
var는 ES5 이전에 주로 사용되던 변수 선언 방법입니다. 함수 스코프를 가지며, 같은 블록 내에서 여러 번 선언할 수 있습니다.
예제:
var name = "홍길동";
console.log(name); // 출력: 홍길동
var name = "김철수";
console.log(name); // 출력: 김철수
1.2 let
let은 ES6에서 도입된 변수 선언 방법으로, 블록 스코프를 가집니다. 즉, 중괄호 {} 안에서만 유효합니다.
예제:
let age = 25;
console.log(age); // 출력: 25
if (true) {
let age = 30;
console.log(age); // 출력: 30
}
console.log(age); // 출력: 25
1.3 const
const는 상수를 선언할 때 사용합니다. 선언 후에는 값을 변경할 수 없으며, 블록 스코프를 가집니다. 초기화 시 반드시 값을 할당해야 합니다.
예제:
const PI = 3.14;
console.log(PI); // 출력: 3.14
// PI = 3.14159; // 오류 발생: Assignment to constant variable.
2. 데이터 타입
Java스크립트는 여러 가지 데이터 타입을 지원합니다. 주요 데이터 타입은 다음과 같습니다.
2.1 원시 데이터 타입
-문자열 (String): 텍스트 데이터를 나타냅니다.
예제:
let greeting = "안녕하세요";
console.log(greeting); // 출력: 안녕하세요
-숫자 (Number): 정수와 부동소수점을 포함합니다.
예제:
let num = 42;
let pi = 3.14;
console.log(num, pi); // 출력: 42 3.14
-불리언 (Boolean): true와 false의 두 가지 값만 가집니다.
예제:
let isActive = true;
console.log(isActive); // 출력: true
-null: 값이 없음을 나타냅니다.
예제:
let emptyValue = null;
console.log(emptyValue); // 출력: null
undefined: 변수가 선언되었지만 값이 할당되지 않은 상태입니다.
예제:
let notAssigned;
console.log(notAssigned); // 출력: undefined
2.2 객체 데이터 타입
객체는 여러 개의 값을 하나로 묶은 복합 데이터 타입입니다. 객체는 중괄호 {}로 정의하며, 키-값 쌍으로 데이터를 저장합니다.
예제:
let person = {
name: "홍길동",
age: 30,
isStudent: false
};
console.log(person.name); // 출력: 홍길동
console.log(person['age']); // 출력: 30
2.3 배열 (Array)
배열은 여러 값을 순서대로 저장할 수 있는 데이터 타입입니다. 대괄호 []로 정의하며, 인덱스를 통해 각 요소에 접근할 수 있습니다.
예제:
let fruits = ["사과", "바나나", "체리"];
console.log(fruits[0]); // 출력: 사과
console.log(fruits[1]); // 출력: 바나나
console.log(fruits.length); // 출력: 3
// 배열에 요소 추가하기
fruits.push("오렌지");
console.log(fruits); // 출력: ["사과", "바나나", "체리", "오렌지"]
3. 연산자
연산자는 변수와 값을 조작하는 데 사용됩니다. Java스크립트에서 주로 사용되는 연산자는 다음과 같습니다.
3.1 산술 연산자
산술 연산자는 기본적인 수학 연산을 수행합니다.
예제:
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
console.log(a % b); // 출력: 0
3.2 비교 연산자
비교 연산자는 두 값을 비교하여 불리언 값을 반환합니다.
예제:
console.log(a > b); // 출력: true
console.log(a < b); // 출력: false
console.log(a === 10); // 출력: true
console.log(a !== b); // 출력: true
3.3 논리 연산자
논리 연산자는 여러 조건을 결합하는 데 사용됩니다.
예제:
let isAdult = true;
let hasTicket = false;
console.log(isAdult && hasTicket); // 출력: false
console.log(isAdult || hasTicket); // 출력: true
console.log(!isAdult); // 출력: false
4.마치며
이번 포스트에서는 Java스크립트의 기초인 변수 선언, 데이터 타입, 그리고 연산자에 대해 알아보았습니다. 배열을 포함한 데이터 타입의 이해는 Java스크립트 프로그래밍에서 매우 중요합니다. 이 기본 개념을 잘 이해하면 Java스크립트의 다양한 기능을 활용하는 데 큰 도움이 될 것입니다.
'IT프로그램 언어 > JavaScript' 카테고리의 다른 글
Java스크립트(익명 함수,화살표 함수, 고차 함수) (5) | 2024.11.20 |
---|---|
Java스크립트(함수-정의,호출,매개변수,반환값) (4) | 2024.11.19 |
Java스크립트(제어문-조건문,switch문,반복문,break문,continue문) (6) | 2024.11.18 |
Java스크립트(실행환경 만들기) (10) | 2024.11.17 |
Java스크립트는 무엇인가? (4) | 2024.11.16 |