[JS] 변수와 상수

JavaScript에서 변수와 상수는 var, let, const 가 있다.

이것들을 실습하면서 살펴보자.

 

https://codesandbox.io/

CodeSandbox: Online Code Editor and IDE for Rapid Web Development

먼저 위 사이트에 들어가서 IDE없이 코드를 작성하여 연습해보자.

 

 

우측 상단에 Create Sandbox 버튼을 누른다.

 

버튼을 누르면 위 사진처럼 여러 언어를 사용할 수 있는데 여기서 Vanilla JS를 선택하자. (중간에 JS)

 

그러면 초기 셋팅 화면으로 뜨는데 일단 JS만 연습할 것이라서 우측 하단에 Console 창을 위로 올려서 연습해보자.

 

이런 식으로 index.js 파일의 코드를 다 삭제하고 console.log("hello world"); 를 작성하면 우측 콘솔창에 뜨는지 확인하자.

잘 표시된다면 실습 환경은 끝이고 간단한 것들은 여기서 하면 되므로 IDE가 크게 필요가 없다.

(IDE : Visual Studio Code, IntelliJ 등등...)

 

 

 

 

변수 (let, var)

변수는 단어의 뜻 그대로 값이 계속 바뀐다.

변수 let

따라서 let 타입인 age 라는 이름의 변수를 선언하여 25라는 숫자를 대입하였다.

그렇게 console.log를 통해 age를 출력하면 그 값인 25가 나오게 된다.

age라는 이름을 30으로 변경해도 값이 30으로 잘 출력되는 것을 볼 수 있다.

 

😈 변수명 지정할 때 주의할점 !!!
이름에는 '_' 와 '$' 외 문자는 사용이 불가능하다.
또한 JS에서 미리 사용하겠다고 예약한 이름인 예약어도 사용이 불가능하다!!

이름 지정할 때 주의할 점

 

 

변수 var, let

var 라는 변수도 let이랑 똑같지만 다른점이 중복 선언이 가능하다는 점이다.

위 코드에서 age2는 var 타입으로 중복 선언 가능하지만 let 타입은 중복 선언이 불가능하다!!!

 

 

 

 

상수 (const)

상수는 의미 그대로 변하지않는 값이다.

상수 const

지금 보면 바로 age3를 처음에 선언했지만 그 후에 다시 값을 변경시키려고 하면 빨간줄이 나오면서 실행이 안되는 것을 볼 수 있다.

빨간줄에다가 마우스 커서를 대면 "age3" is read-only 라고 표시된다.

즉, 읽기 전용으로 만들어졌기 때문에 다시 값을 변경할 수 없는 것이다.