반응형
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
Tags
- MBTI
- JavaScript
- 배추 활용
- 놀이공워 꿈
- 습도 유지
- 꿈해몽
- 연애 꿈
- 태그
- 음식
- microsoft to do
- 배추 레시피
- 멘탈케어
- 레시피
- 상업 이미지
- 북한 꿈
- 겨울철 공기 관리
- 묵은지
- 풍선 꿈
- 생활정보
- 흰 개
- 여행준비
- 팬더 꿈
- 기차 꿈
- 죽는 꿈
- 교차로 꿈
- 환기
- 자기관리
- 부정행위꿈
- 필수아이템
- 빛 꿈
Archives
- Today
- Total
일하고 공부하고
JavaScript 기초: 변수와 데이터 타입 본문
반응형
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의 변수와 데이터 타입에 대해 배웠습니다. 다음에는 조건문과 반복문에 대해 알아보겠습니다!
반응형
'코딩 > 자바스크립트' 카테고리의 다른 글
| JavaScript 기초: 비동기 처리와 프로미스 (0) | 2024.12.14 |
|---|---|
| JavaScript 기초: 이벤트와 콜백 (0) | 2024.12.12 |
| JavaScript 기초: DOM 조작 (0) | 2024.12.11 |
| JavaScript 기초: 함수 (0) | 2024.12.11 |
| JavaScript 기초: 조건문과 반복문 (0) | 2024.12.10 |