[Javascript] Do it! 자바스크립트 입문 - 변수

공부단 2일차-1입니다.

 

변수란?

변하는 값을 저장할 때 사용합니다.

변수의 예) name, age, student, user, gender, ... 등

 

상수란?

변수가 변하는 값이면 상수는 변하지 않는 값입니다.

 

변수를 선언하는 3가지 규칙

• 변수명은 의미있게 짓는다.
• 두 개의 단어 이상을 연결할 경우 카멜표기법을 사용한다.(혹은 _를 사용한다)
  • 카멜표기법: userName, currentYear, userAge, ... 등
• 첫 글자는 반드시 문자, _, $ 기호로 시작해야 한다.

변수에 값이나 식 저장하기

var name = "Jun"
var age = 23
var birthYear = 2000

 

나이 계산 프로그램 만들기

<button class="btn" onclick="calc()">나이 계산하기</button>
<div id="result" class="show">(결과 값 표시)</div>

function calc() {
    const currentYear = 2023 // 2023은 상수이기 때문에 const로 설정
    let birthDay = prompt("태어난 년도를 입력하세요", "YYYY")
    let age = currentYear - birthDay + 1;
    document.querySelector("#result").innerHTML
        = "당신의 나이는 " + age + "입니다."
}

 

결과

2000 입력 후

ES6 버전부터는 변수선언을 var대신 let을 사용할 수 있습니다.

let은 블록({}범위)을 벗어나면 사용할 수 없습니다.

const는 상숫값을 선언할 때 사용합니다.