01. React.js 기초 - 변수와 상수

자바스크립트에 있어서 변수와 상수의 개념이 존재한다. 


변수란 변할 수 있는 값으로 사용자에 의해 변경될 수 있다.

상수는 변하지 않는 값으로 한번 선언된 상수의 값은 변경 될 수 없다. 


1. 변수 선언의 방법

자바스크립트에서 사용되는 변수 선언 방법은 let 과 var 두가지가 있다.

두가지의 차이점은 let은 이미 선언된 변수 명을 재 선언할 수 없다는 점

var는 이미 선언된 변수 명을 재 선언하여도 문제가 없다는 점으로 이해했다. 


다음의 예를 살펴보자 


우선 let을 이용하여 age라는 변수에 25를 대입하였고 해당 값이 콘솔에서 25로 잘 노출된다. 

여기서 age에 다른값을 대입하는 경우 age의 값은 입력한 값으로 변경되지만 

age를 다시한번 선언한다면 age란 변수는 이미 사용되었음을 콘솔에서 열심히 노출해준다. 


그러면 여기서 var를 이용하여 동일한 변수명을 재 선언하는 예를 살펴보면 

처음선얼할 때도 두번째 선언할 때도 문제 없이 잘 작동한다. 


var 를 사용하여 코드를 작성하는 경우 혼자서 짧은 분량의 코드를 작성하는 경우에는 문제가 없지만, 협업시 또는 코드의 길이가 길어지는 경우에는 동일한 변수 명이 여기저기서 서로 다른 값으로 사용될 수 있기때문에 지양하는 것이 좋다고 한다. 


2. 상수의 선언

상수, 즉 변하지 않는 값에 대한 선언은 const를 사용한다. 


얼핏 봤을 때 콘솔 로그에 노출되는 결과 값은 동일하다.

하지만 해당 값을 변경하려고 시도 하면 아래와 같이  age는 read-only라른 에러메시지가 확인된다.



여기까지 짧은 자바스크립트의 변수와 상수 선언에 대해서 알아보았다. 


댓글