[JavaScript] 변수와 상수 & 자료형

2026. 2. 18. 15:28·Web Frontend/JavaScript(TS)
반응형

변수와 상수

1. 변수 선언

// 1. 변수

let age;
console.log(age);

age = 30;
console.log(age);

// let age = 40; // Cannot redeclare block-scoped variable 'age'.

2. 상수 선언

// 2. 상수
const birth = "1997.01.07" // 선언과 동시에 초기값을 할당해주어야 함.
// birth = "123"; // 재선언 할 수 없다.
console.log(birth);

3. 변수 명명규칙 (네이밍 규칙)

3-1. $, _ 제외한 기호는 변수명에 사용할 수 없다.

let $_name;

3-2. 변수명에 숫자로 시작할 수 없다.

let 2name; // 사용 불가
// but, 정 사용하겠다면 아래와 같이 사용
let _2name; let $2name;

3-3. 예약어를 변수명에 사용할 수 없다.

let let; // 사용 불가

자료형

1.  Number Type

// 1. Number Type
let num1 = 27;
let num2 = 1.5;
let num3 = -20;

let inf = Infinity;
let mInf = -Infinity;

let nan = NaN;

console.log(1 * "hello"); // JS는 죽지 않고 NaN을 반환, 다른 언어에 비해서 수학 연산에 안전하다.

2. String Type

// 2. String Type
let myName = "서승환";
let myLocation = "역삼동";
let introduce = myName + myLocation;

let introduceText = `${myName}은 ${myLocation}에 거주합니다`; // 백틱으로 문자열을 만들면 다른 변수를 동적으로 포함시킬 수 있다.

3. Boolean Type

// 3. Boolean Type
let isSwitchOn = true;
let isEmpty = false;

4. Null Type

// 4. Null Type (아무것도 없다) 명시적으로 넣어주어야 한다. 
// JS는 변수를 초기화하지 않으면 null이 아닌 undefined로 선언이 된다.
let empty = null;

5. Undefined Type

// 5. Undefined Type
undefined; // 변수를 선언하고 아무런 값도 초기화 하지 않았을 때 자동으로 할당되는 값.
let none;
console.log(none);

 

반응형
저작자표시 비영리 변경금지 (새창열림)
'Web Frontend/JavaScript(TS)' 카테고리의 다른 글
  • [JavaScript] 함수 표현식과 화살표 함수 & 콜백 함수(Callback)
  • [JavaScript] 연산자
  • [JavaScript] 형 변환
seunghwaan
seunghwaan
공부한 내용을 정리하는 개발 기록 블로그
    반응형
  • seunghwaan
    SH's Devlog
    seunghwaan
  • 전체
    오늘
    어제
    • 분류 전체보기 (148) N
      • Android (62)
        • Basic (17)
        • Kotlin(Java) (14)
        • UI & Animation (1)
        • Compose (2)
        • Coroutines (1)
        • Dependency Injection (6)
        • RxJava (8)
        • BLE (3)
        • TDD (2)
        • JetPack (1)
        • NextStep (4)
        • Error Log (3)
      • Flutter (14)
        • Basic (5)
        • Dart (1)
        • State Management (2)
        • Widgets (4)
        • Error and Tips (2)
      • iOS (8)
        • Basic (0)
        • Swift (8)
      • Web Frontend (4) N
        • JavaScript(TS) (4) N
        • React (0)
      • CS(Computer Science) (18)
        • Network (4)
        • Database (10)
        • Design Pattern (1)
        • Computer Architecture (3)
        • Operating System (0)
      • Cloud (6)
        • AWS (6)
      • DevOps (25)
        • GIT (4)
        • CI CD (8)
        • Linux (4)
        • Docker (9)
        • Error Log (0)
      • 코딩테스트 (10)
        • DB (6)
        • 알고리즘 (4)
      • Backend (1)
        • Spring (1)
      • Mac Tip (0)
      • Language (0)
        • English (0)
        • Japanese (0)
      • Temporary (0)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    Computer Science
    CICD
    cs
    di
    네트워크
    CI
    gradle
    BLE
    AWS
    MySQL
    Swift
    database
    Kotlin
    JavaScript
    Network
    Dagger
    RxJava
    Jenkins
    Android
    docker
    Linux
    컴퓨터공학
    상태 관리
    Dependency Injection
    Algorithm
    error
    cognito
    IOS
    시작하세요! 도커
    FLUTTER
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.6
seunghwaan
[JavaScript] 변수와 상수 & 자료형
상단으로

티스토리툴바