프로그래밍/JAVA Script

[JavaScript 수업] 3강 - 변수와 데이터 타입 이해하기

월횽 2024. 5. 29. 17:29
728x90
반응형

 

안녕하세요, 여러분! 이번 시간에는 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를 능숙하게 다루는 첫걸음입니다. 다양한 예제와 함께 실습을 통해 변수를 선언하고 데이터를 다루는 방법을 익혀보세요.

 

다음 강의에서는 연산자와 제어 구조에 대해 알아보겠습니다. 기대해 주세요!

 

 

 

 

 

 

- 이전 수업 목록

 

 

728x90
반응형