일하고 공부하고

JavaScript 기초: 변수와 데이터 타입 본문

코딩/자바스크립트

JavaScript 기초: 변수와 데이터 타입

회사원짱구 2024. 12. 10. 14:35
반응형

JavaScript 기초: 변수와 데이터 타입

JavaScript는 동적인 웹 페이지를 만들기 위해 사용되는 매우 인기 있는 프로그래밍 언어입니다. 이번 포스팅에서는 변수데이터 타입에 대해 알아보겠습니다.

1. 변수 선언하기

JavaScript에서 변수를 선언하는 방법은 다음과 같습니다:

  • var: 과거에 사용된 방법 (현재는 잘 사용되지 않음)
  • let: 블록 범위의 변수를 선언할 때 사용
  • const: 변하지 않는 값을 선언할 때 사용

예제:

// let을 사용한 변수 선언
let name = "홍길동";
console.log(name); // 출력: 홍길동

// const를 사용한 상수 선언
const PI = 3.14;
console.log(PI); // 출력: 3.14
    

2. 데이터 타입

JavaScript의 데이터 타입은 크게 원시 타입참조 타입으로 나뉩니다.

2.1 원시 타입

  • Number: 숫자 (정수와 실수)
  • String: 문자열
  • Boolean: 참 또는 거짓
  • undefined: 값이 정의되지 않은 상태
  • null: 의도적으로 "값이 없음"을 나타냄
  • Symbol: 고유한 값

예제:

// 숫자 타입
let age = 25;
console.log(age); // 출력: 25

// 문자열 타입
let greeting = "안녕하세요";
console.log(greeting); // 출력: 안녕하세요

// 불리언 타입
let isAdult = true;
console.log(isAdult); // 출력: true
    

2.2 참조 타입

참조 타입은 객체, 배열, 함수 등을 포함합니다.

// 객체
let person = {
    name: "홍길동",
    age: 25
};
console.log(person.name); // 출력: 홍길동

// 배열
let colors = ["빨강", "파랑", "초록"];
console.log(colors[1]); // 출력: 파랑
    

3. 데이터 타입 확인하기

typeof 연산자를 사용하여 데이터 타입을 확인할 수 있습니다.

console.log(typeof 25);        // 출력: number
console.log(typeof "안녕하세요"); // 출력: string
console.log(typeof true);      // 출력: boolean
    

실습 과제

다음 변수들의 데이터 타입을 typeof 연산자를 사용하여 콘솔에 출력해 보세요.

  • let x = 10;
  • let y = "JavaScript";
  • let z = null;

 

정답 확인 👇

더보기
// 실습 1: 변수의 데이터 타입 출력하기
let x = 10;
let y = "JavaScript";
let z = null;

console.log(typeof x); // 출력: number
console.log(typeof y); // 출력: string
console.log(typeof z); // 출력: object (JavaScript에서 null의 타입은 object로 표시됨)

 

이번 포스팅에서는 JavaScript의 변수와 데이터 타입에 대해 배웠습니다. 다음에는 조건문과 반복문에 대해 알아보겠습니다!

반응형