변수와 상수는 JavaScript 프로그램에서 데이터를 저장하고 처리하기 위해 사용되는 기본적인 방법입니다.
변수: 변할 수 있는 데이터 저장하기
변수는 값을 저장할 수 있는 공간으로, 그 값을 변경할 수 있습니다. JavaScript에서는 let
키워드를 사용하여 변수를 선언할 수 있습니다.
let name = "Kim";
let age = 25;
변수를 선언하고 값을 할당하면 그 값을 나중에 변경할 수 있습니다.
let name = "Kim";
name = "Lee"; // 변수 name에 새로운 값을 할당합니다.
상수: 변하지 않는 데이터 저장하기
상수는 한 번 할당된 값을 변경할 수 없는 저장 공간입니다. JavaScript에서는 const
키워드를 사용하여 상수를 선언할 수 있습니다.
const pi = 3.141592;
상수를 사용하면 값 변경이 불가능하므로, 프로그램에서 변하지 않아야 하는 값들을 관리하는 데 유용합니다.
JavaScript의 데이터 타입
JavaScript에서 나눌 수 있는 여러 가지 데이터 타입을 이해하고, 값이 어떠한 형태로 저장되는지 알아봅시다.
문자열 (String)
문자열은 텍스트 데이터를 표현하며 작은따옴표(' ') 또는 큰따옴표(" ")로 묶어서 표현할 수 있습니다.
let greeting = "안녕하세요!";
let message = '반갑습니다.';
숫자 (Number)
숫자는 정수 및 실수 값을 포함하고 있습니다. 숫자는 소수점이 있거나 없어도 동일하게 표현됩니다.
let integer = 10;
let floatingPoint = 3.14;
불리언 (Boolean)
불리언은 참(true) 또는 거짓(false)의 두 가지 값만 갖는 데이터 타입으로, 주로 조건문에서 사용됩니다.
let isTrue = true;
let isFalse = false;
null과 undefined
null과 undefined는 값이 없는 상태를 의미하는 데이터 타입입니다. undefined는 변수가 선언되었지만 값이 할당되지 않은 상태를 나타내며, null은 변수에 의도적으로 값이 없음을 할당할 때 사용됩니다.
let emptyVariable;
console.log(emptyVariable); // undefined
let nullVariable = null;
console.log(nullVariable); // null
타입 변환: 데이터 타입 간 변환하기
JavaScript에서는 종종 한 데이터 타입에서 다른 데이터 타입으로 값을 변환해야 하는 경우가 발생합니다. 이를 타입 변환(Type Conversion)이라고 합니다.
문자열로 변환하기
값을 문자열로 변환하려면 String()
함수를 사용하거나 값을 빈 문자열과 덧셈 연산으로 변환할 수 있습니다.
let num = 123;
let numToString = String(num); // '123'
let numToStringByConcat = num + ''; // '123'
숫자로 변환하기
값을 숫자로 변환하려면 Number()
함수를 사용하거나, 값 앞에 +
연산자를 붙여 변환할 수 있습니다.
let str = '123';
let strToNum = Number(str); // 123
let strToNumByOperator = +str; // 123
불리언으로 변환하기
값을 불리언으로 변환하려면 Boolean()
함수를 사용합니다.
let str = '123';
let strToBool = Boolean(str); // true
let emptyStr = '';
let emptyStrToBool = Boolean(emptyStr); // false
타입 변환이 종종 필요한 경우가 발생합니다. 변수나 상수에 다른 타입의 값을 할당하려는 경우에는 이러한 타입 변환 기법을 사용할 수 있습니다.
이렇게 JavaScript에서 변수와 상수를 사용하여 값을 저장하고, 이를 처리할 수 있는 과정에 대해 알아보았습니다.
감사합니다.
'Developer > Web Frontend' 카테고리의 다른 글
<JavaScript> 비교 연산자와 조건문, 루프 (0) | 2023.08.20 |
---|---|
<JavaScript> 기본 문법 정리 (0) | 2023.08.19 |
<JavaScript> Html, css, JavaScript 기초 (0) | 2023.07.26 |
API 기본 사용 가이드 (0) | 2023.07.08 |
Firebase 는 무엇일까요 (0) | 2023.07.08 |