IT 강좌 JavaScript 기초 037_리터럴, 변수, 상수

리터럴

리터럴은 코드에 직접 나타나는 값으로, 숫자, 문자열, 불리언 값 등이 있습니다.

숫자 리터럴: 예: 5, 3.14.
문자열 리터럴: 예: 'Hello, World!', "JavaScript".
불리언 리터럴: true와 false.
객체 리터럴: 예: { key: 'value', age: 25 }.
배열 리터럴: 예: [1, 2, 3, 4].

예제:

1
// 숫자 리터럴
2
var age = 18;
3

4
// 문자열 리터럴
5
var name = "김민수";
6

7
// 불리언 리터럴
8
var isStudent = true;
9

10
// 배열 리터럴
11
var numbers = [1, 2, 3];
12

13
// 객체 리터럴
14
var person = {name: "김민수", age: 18};

변수

변수는 데이터를 저장하는 컨테이너로, 리터럴을 “저장”하는 데 사용할 수 있으며, 변수에 저장된 리터럴은 자유롭게 수정할 수 있습니다. 변수를 통해 리터럴을 설명할 수 있고, 변수는 수정하기가 더 편리합니다. 변수는 리터럴, 다른 변수의 반환 값 등 모든 타입의 값을 저장할 수 있습니다(실제로 변수는 값 자체를 저장하지 않고 값의 메모리 주소를 저장합니다). var, let 키워드를 사용하여 변수를 선언합니다.

var 키워드로 선언된 변수는 전역 변수 또는 함수 스코프 내의 변수이며, var 변수를 중복 선언할 수 있습니다.
let 키워드로 선언된 변수는 블록 스코프 내의 변수이며, let 변수를 중복 선언할 수 없습니다.

예제:

1
// var를 사용하여 변수 선언(정의)
2
var age = 18;
3

4
// let을 사용하여 변수 선언(정의)
5
let name = "김민수";
6

7
// 먼저 선언, 나중에 할당
8
let name;
9
name = "김민수";
10

11
// 한 줄에서 여러 변수 선언
12
let age = 18, name = "김민수";

변수 명명

변수명은 식별자의 한 형태로, 데이터를 저장하는 메모리 위치를 식별하는 이름입니다. 식별자는 변수, 함수, 클래스 등을 명명하는 데 사용되는 기호 또는 이름입니다.

명명 규칙

변수명은 문자(영문자 이외의 문자 포함), 숫자, 밑줄 (_), 달러 기호 ($)만 사용할 수 있습니다.
변수명의 첫 글자는 숫자가 될 수 없습니다.
변수명에는 공백이나 기타 특수 기호를 포함할 수 없습니다.
변수명은 JavaScript 키워드와 동일할 수 없습니다.

명명 규범

카멜 표기법: 첫 번째 단어의 첫 글자는 소문자, 나머지 단어의 첫 글자는 대문자. 예: userName, firstName
파스칼(어퍼 카멜) 표기법: 모든 단어의 첫 글자를 대문자로. 예: UserName, FirstName
스네이크 표기법: 단어 사이를 밑줄로 연결. 예: user_name, first_name

올바른 변수명 예제:

1
let userName;
2
let hello123;
3
let age;
4
let $width;
5
let _height;
6
let 이름;

잘못된 변수명 예제:

1
let 123abc; // 숫자로 시작
2
let user name; // 공백 포함
3
let $#; // 특수 문자 포함
4
let function; // JavaScript 키워드와 동일

상수

상수는 수정할 수 없는(또는 수정하고 싶지 않은) 값으로, const 키워드를 사용하여 선언할 수 있으며, 한 번만 할당할 수 있고, 재할당하면 오류가 발생합니다. 이러한 상수는 대문자와 밑줄을 사용하여 명명하는 것이 권장됩니다.

예제:

1
// const를 사용하여 상수 선언(정의)
2
const PI = 3.14;
3
const COLOR_RED = "#F00";
4

5
// 상수 수정 시도
6
PI = 3.15; // Uncaught TypeError: Assignment to constant variable.

리터럴

변수

변수 명명

상수

댓글