상세 컨텐츠

본문 제목

자바스크립트 변수와 상수

JavaScript

by 헬로제이콥 2024. 11. 19. 15:17

본문

 

자바스크립트 변수와 상수: 쉽게 이해하는 가이드

변수 (Variable)

변수란 무엇일까요?

변수는 우리가 프로그램을 실행하는 동안 값을 저장해 놓는 상자와 같다고 생각하면 됩니다. 이 상자 안에 어떤 값을 넣었다 뺐다 할 수 있죠. 즉, 변수의 값은 언제든지 변경될 수 있습니다.

변수를 왜 사용할까요?

  • 값 저장: 계산 결과, 사용자 입력 값 등을 임시로 저장해 놓을 수 있습니다.
  • 반복 사용: 같은 값을 여러 번 사용해야 할 때, 변수에 저장하여 코드를 간결하게 만들 수 있습니다.

변수 선언하기

JavaScript
let 변수명 = 값;
코드를 사용할 때는 주의가 필요합니다.
 
  • let: 변수를 선언하는 키워드입니다.
  • 변수명: 변수를 식별하기 위한 이름입니다. (예: age, name, result)
  • 값: 변수에 저장할 값입니다. (예: 숫자, 문자열, 불리언 등)

예시:

JavaScript
let name = "홍길동";
let age = 20;
let isStudent = true;
코드를 사용할 때는 주의가 필요합니다.
 

상수 (Constant)

상수란 무엇일까요?

상수는 한 번 값을 할당하면 절대 변경할 수 없는 변수입니다. 마치 돌에 새겨진 글자처럼 고정되어 있습니다.

상수를 왜 사용할까요?

  • 값 보호: 중요한 값을 실수로 변경하는 것을 방지합니다.
  • 코드 가독성 향상: 상수를 사용하면 코드의 의미를 명확하게 전달할 수 있습니다.

상수 선언하기

JavaScript
const 상수명 = 값;
코드를 사용할 때는 주의가 필요합니다.
 
  • const: 상수를 선언하는 키워드입니다.
  • 상수명: 상수를 식별하기 위한 이름입니다.
  • 값: 상수에 저장할 값입니다.

예시:

JavaScript
const PI = 3.14159;
const GRAVITY = 9.8;
코드를 사용할 때는 주의가 필요합니다.
 

변수와 상수의 차이점

구분변수상수
값 변경 가능 불가능
선언 키워드 let const
용도 임시 값 저장, 계산 결과 저장 등 불변의 값 저장 (예: 원주율, 중력 가속도)
Sheets로 내보내기

쉽게 이해하는 예시

JavaScript
// 변수 사용 예시
let radius = 10; // 원의 반지름
let area = PI * radius * radius; // 원의 넓이 계산
console.log("원의 넓이:", area);

// 상수 사용 예시
const TAX_RATE = 0.1; // 부가가치세율
let price = 10000; // 상품 가격
let totalPrice = price * (1 + TAX_RATE); // 총액 계산
console.log("총액:", totalPrice);
코드를 사용할 때는 주의가 필요합니다.
 

정리

  • 변수: 값을 자유롭게 변경할 수 있는 저장 공간
  • 상수: 한 번 할당된 값을 변경할 수 없는 저장 공간
  • let 키워드로 변수 선언, const 키워드로 상수 선언
  • 상수는 코드의 안정성과 가독성을 높여줍니다.

추가적으로 알아두면 좋은 점:

  • var 키워드: ES6 이전에 사용하던 변수 선언 키워드지만, let과 const를 사용하는 것이 좋습니다.
  • 변수 이름 규칙: 영문자, 숫자, 언더바(_)를 사용하며, 숫자로 시작할 수 없습니다.
  • 상수 이름은 대문자로 작성하는 것이 일반적입니다. (예: PI, GRAVITY)

'JavaScript' 카테고리의 다른 글

자바스크립트 증감 연산자  (1) 2024.11.21
자바스크립트 연산자  (1) 2024.11.20
자바스크립트 배열  (0) 2024.11.20
자바스크립트 논리형 예제  (0) 2024.11.19
자바스크립트 출력  (0) 2024.11.19

관련글 더보기