안녕하세요, 여러분! 이번 시간에는 JavaScript의 기본적인 개념 중 하나인 변수와 데이터 타입에 대해 알아보겠습니다. 변수를 이해하고 다양한 데이터 타입을 익히는 것은 JavaScript를 배우는 첫 걸음이니 집중해서 따라와 주세요.
변수란 무엇일까요?
변수는 데이터를 저장하기 위한 컨테이너입니다. 쉽게 말해, 우리가 값을 저장하고 필요할 때 그 값을 꺼내 쓸 수 있게 해주는 도구입니다. JavaScript에서는 var, let, const 키워드를 사용하여 변수를 선언합니다.
// var를 사용한 변수 선언
var name = 'John';
console.log(name); // 출력: John
// let을 사용한 변수 선언
let age = 25;
console.log(age); // 출력: 25
// const를 사용한 상수 선언
const country = 'South Korea';
console.log(country); // 출력: South Korea
var, let, const 차이점
· var: 함수 스코프를 가지며, 같은 이름의 변수를 중복 선언할 수 있습니다.
· let: 블록 스코프를 가지며, 중복 선언이 불가능합니다.
· const: 블록 스코프를 가지며, 값이 변경되지 않는 상수를 선언할 때 사용합니다.
데이터 타입
JavaScript에서 사용할 수 있는 데이터 타입은 다음과 같습니다.
1. 숫자(Number): 정수와 부동 소수점을 포함합니다.
2. 문자열(String): 따옴표로 묶인 텍스트 데이터입니다.
3. 불리언(Boolean): true 또는 false 값을 가집니다.
4. null: 의도적으로 비어 있는 값입니다.
5. undefined: 값이 할당되지 않은 상태입니다.
6. 객체(Object): 키-값 쌍의 컬렉션입니다.
7. 배열(Array): 순서가 있는 값의 리스트입니다.
// 숫자
let number = 100;
console.log(number); // 출력: 100
// 문자열
let greeting = 'Hello, World!';
console.log(greeting); // 출력: Hello, World!
// 불리언
let isJavaScriptFun = true;
console.log(isJavaScriptFun); // 출력: true
// null
let emptyValue = null;
console.log(emptyValue); // 출력: null
// undefined
let notAssigned;
console.log(notAssigned); // 출력: undefined
// 객체
let person = {
name: 'Jane',
age: 30,
isStudent: false
};
console.log(person); // 출력: { name: 'Jane', age: 30, isStudent: false }
// 배열
let colors = ['red', 'green', 'blue'];
console.log(colors); // 출력: ['red', 'green', 'blue']
변수와 데이터 타입을 잘 사용하는 방법
1. 의미 있는 변수명 사용: 변수명은 변수의 역할을 잘 설명할 수 있도록 의미 있게 짓는 것이 좋습니다.
2. 상수에는 const 사용: 값이 변하지 않을 것이라면 const를 사용하여 상수를 선언하는 것이 좋습니다.
3. 타입을 일관되게 사용: 한 변수에 여러 타입의 값을 할당하지 않도록 주의합니다.
JavaScript에서 변수와 데이터 타입은 매우 중요한 개념입니다. 이들을 잘 이해하고 활용하는 것이 JavaScript를 능숙하게 다루는 첫걸음입니다. 다양한 예제와 함께 실습을 통해 변수를 선언하고 데이터를 다루는 방법을 익혀보세요.
다음 강의에서는 연산자와 제어 구조에 대해 알아보겠습니다. 기대해 주세요!
- 이전 수업 목록
'프로그래밍 > JAVA Script' 카테고리의 다른 글
[JavaScript 수업] 6강 - 배열과 객체, 이해와 활용 (1) | 2024.06.03 |
---|---|
[JavaScript 수업 5강] 함수와 이벤트 처리 (0) | 2024.05.31 |
[JavaScript 수업] 4강 - 연산자와 제어 구조 (0) | 2024.05.30 |
2강 - 초보자를 위한 JavaScript 적용 방법 (0) | 2024.05.24 |
[JAVA Script 수업] 1강 - 자바스크립트란 무엇일까? 웹 개발에서의 핵심 역할을 알아보자 (0) | 2024.05.23 |