[JavaScript] 자바스크립트의 기초_변수와 상수

2025. 8. 30. 17:48·Frontend(프론트엔드)/자바스크립트

 

 


 

 

사이드 프로젝트를 위한 자바스크립트

인프런 한 입 크기로 잘라먹는 리엑트(React): 기초부터 실전까지
강의를 기반으로 정리하였으며, 상업적 목적이 아닌 학습 기록용 입니다.

 

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지| 이정환 Winterlood - 인프런 강의

현재 평점 4.9점 수강생 12,515명인 강의를 만나보세요. 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량

www.inflearn.com

 

목차

변수

상수

변수 명명 가이드

 

 


 

 

변수

변수: 데이터를 저장하는 공간으로 필요에 따라 그 값을 변경 가능하며, 변수를 선언하는 경우 주로 let 키워드를 사용한다.

• let으로 변수 선언: let 키워드를 사용하여 변수를 선언하고 초기 값 할당이 가능하다.
• 변수값 재할당: let으로 선언된 변수는 프로그램 실행 중 언제든지 값 변경이 가능하다.
• 변수는 상황에 따라 값이 달라져야 하는 데이터를 다룰 때 유용하다.
// 1. 변수
// let: 변수 선언
let age = 27;
// 변수를 나타냄
// console.log(age); // Console을 통해 결과 확인

// 변수 재선언
age = 30;

 

 


 

 

상수

상수: 변수와 달리 한 번 저장되면 그 값을 바꿀 수 없는 데이터 저장 공간으로, 상수 선언할 때는 const 키워드를 사용한다.

• const로 상수 선언: const 키워드는 변경되지 않는 값을 저장할 때 사용한다.
• 값 변경 불가: 한 번 선언된 이후 값을 재할당할 수 없으며, 재할당 시도 시 콘솔에서 오류가 발생한다.
• 초기화 필수: 선언과 동시에 반드시 값을 초기화해야 하며, 초기화 없이 선언 시 오류가 발생한다.(고정적인 데이터 저장 시 용이
// 2. 상수: 변수와 달리 한번 저장되면 바꿀 수 없음
// 초기화 없이 상수를 선언하는 경우 오류 발생
const birth = "1997.01.07";
// birth = "123"; -> 재선언하는 경우 콘솔에서 오류 확인 가능

 

 


 

 

변수 명명 가이드

변수 명명 가이드

• 기호 사용: $, _를 제외한 다른 기호(예: !, @, # 등)는 변수 이름에 사용할 수 없다.
• 숫자로 시작 불가: 변수 이름은 숫자로 시작할 수 없다.
• 예약어 사용 불가: let, const, if, for 등 자바스크립트에서 특별한 의미를 가지는 예약어는 변수 이름으로 사용할 수 없다.
• 어떤 데이터를 담고 있는지 명확하면서 바로 파악 가능한 변수명을 사용하는 것이 좋다.
// 3. 변수 명명규칙(네이밍 규칙)
// 3-1. $, _ 제외한 기호는 사용할 수 없다.
let $_name;

// 3-2. 숫자로 시작할 수 없다.
let name1;
let _2name;

// 3-3. 예약어를 사용할 수 없다.

// 4. 변수 명명 가이드: 친절하고 의미있는 변수명을 사용
let salesCount = 4;
let refundCount = 2;
let totalSalesCount = salesCount - refundCount;
console.log(totalSalesCount);

 

반응형

'Frontend(프론트엔드) > 자바스크립트' 카테고리의 다른 글

[JavaScript] 자바스크립트의 기초_조건문(If문과 Switch문)  (0) 2025.09.01
[JavaScript] 자바스크립트의 기초_연산자 활용  (0) 2025.09.01
[JavaScript] 자바스크립트의 기초_연산자  (0) 2025.08.30
[JavaScript]자바스크립트의 기초_자료형 변환  (0) 2025.08.30
[JavaScript] 자바스크립트의 기초_자료형  (0) 2025.08.30
'Frontend(프론트엔드)/자바스크립트' 카테고리의 다른 글
  • [JavaScript] 자바스크립트의 기초_연산자 활용
  • [JavaScript] 자바스크립트의 기초_연산자
  • [JavaScript]자바스크립트의 기초_자료형 변환
  • [JavaScript] 자바스크립트의 기초_자료형
DAILYSEEKER
DAILYSEEKER
데이터 분석 공부 열심히 하는 중😁
  • DAILYSEEKER
    ECODATALIST
    DAILYSEEKER
  • 전체
    오늘
    어제
  • 글쓰기 관리자
    • DATA (224)
      • SQL (18)
        • SQLD (3)
        • 데이터 분석을 위한 MySQL (5)
        • 혼자 공부하는 SQL (10)
      • Python (39)
        • 데이터 분석을 위한 Python (32)
        • 데이터 분석을 위한 데이터 스크래핑 (4)
        • 데이터 분석 프로젝트 (3)
      • 기획 (3)
        • 서비스 기획 (1)
        • 기업 분석 (2)
      • Frontend(프론트엔드) (22)
        • 데이터 분석을 위한 웹 개발 언어 (9)
        • 자바스크립트 (13)
        • 타입스크립트 (0)
      • 코딩 테스트 (86)
        • 프로그래머스_MySQL (86)
      • Data Driven (12)
        • 코드 없이 배우는 데이터 분석 (6)
        • Excel (5)
      • UI & UX (24)
        • 피그마(Figma) (24)
      • BDA 학회 (20)
        • BDA학회_8기 (4)
        • BDA학회_9기 (16)
  • 인기 글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
DAILYSEEKER
[JavaScript] 자바스크립트의 기초_변수와 상수
상단으로

티스토리툴바