자바스크립트를 배우기 시작했다면
반드시 이해해야 할 핵심 개념 중 하나!
바로 "변수" 입니다. 변수를 모르면 코드에 데이터를 담을 수 없고,
웹페이지가 아무것도 기억하지 못해요.
오늘은 자바스크립트에서 변수가 무엇인지,
어떻게 쓰는지 아주 쉽게 설명해드릴께요!
변수란? 데이터를 담는 그릇이예요.
변수는 '변하는 수' 라는 말처럼,
변할 수 있는 값을 저장하는 공간이예요.
쉽게 말해, 변수는 데이터를 담는 상자 또는 그릇입니다.
변수는 이런 식으로 만들 수 있습니다.
변수의 가장 큰 특징은?
오직 하나의 데이터만 담을 수 있어요.
변수는 한 번에 하나의 값만 저장할 수 있어요.
새로운 값을 넣으면, 기존 값은 사라지고 덮어쓰기 됩니다.
변수를 만드는 방법 (기본 문법)
자바스크립트에서 변수를 만들려면 var 키워드를 사용합니다.
요즘은 let, const 도 있지만 후에 다루겠습니다.
초보니까 이해를 위해 우선 var 로 연습해봅시다.
1. 빈 변수 선언하기 (빈 그릇)
2. 변수 선언 + 값 넣기 (초기화)
변수에 담을 수 있는 데이터 종류는?
자바스크립트에서는 여러 가지 형태의 데이터를 변수에 담을 수 있어요.
| 데이터 종류 | 예시 | 설명 |
| 숫자형 | var age = 25; | 숫자를 저장 |
| 문자형 | var name = "영희"; | 따옴표로 감싼 글자 |
| 논리형 | var isOn = true; | 참 / 거짓 (true 또는 false) |
| 비어 있음 | var temp = null; | 비어 있는 상태 |
복습 퀴즈
1. 변수는 어떤 역할을 하나요?
2. 변수에 숫자와 문자, 둘 다 동시에 저장할 수 있을까요?
3. 변수에 새로운 값을 넣으면 기존 값은 어떻게 될까요?
마무리하며
변수는 자바스크립트에서 가장 기본이자 중요한 개념이예요.
값을 기억하는 능력을 가진 이 변수 덕분에
웹페이지는 버튼 클릭, 계산, 상태 저장 같은 다양한 기능을 할 수 있게 됩니다.
다음 글에서는 자료형(숫자, 문자열, 논리형 등)에 대해
좀 더 자세히 알아볼 거예요.
변수 안에 들어가는 값들이 어떤 성질을 갖고 있는지 파헤쳐봅시다!