JS(JavaScript) 변수, 상수란?
JS(JavaScript) 변수, 상수란?
오늘은 JS에서 변수, 상수에 대해 알아보겠습니다.
변수와 상수를 사용하는 이유는 데이터에 대해 저장하기 위해
사용됩니다.
예를 들어 웹에서 방문객들의 정보를
변수나 상수를 통해 저장할 수 있는데
보통 변수를 많이 사용합니다.
변수와 상수는 비슷한 개념이지만 차이점을 보면
변수는 수정할 수 있는 정보,
상수는 수정할 수 없는 고정된 정보를 표현할 때
사용할 수 있습니다.
코드 작성 방식은 변수의 경우 let, 상수의 경우 const라는
키워드를 작성하고 변수나 상수의 이름을 선언해줍니다.
이후 변수나 상수에 값을 저장할 경우에는
작성된 변수나 상수의 이름을 적고 '= 저장할 값;'을 선언하시면 됩니다.
(JS에서는 줄 바꿈이 적용되기 때문에 ;을 생략하셔도 되지만
;을 작성하는 것을 권장하기 때문에 작성하는 것을 추천합니다.)
작성 예시를 보시면
(1)
변수 let
1. let ex;
2. ex = '저장할 값';
이렇게 작성할 수도 있고
let ex = '저장할 값';
이렇게 작성할 수도 있습니다.
그리고 한 변수에 여러 가지 정보를 작성할 수 있는데
그럴 때는 ', '를 사용하면 됩니다.
예시를 보여드리면
let user = '홍길동', age = 30, ··· ;
이런 식으로 여러 가지 변수를 한 번에 선언할 수 있습니다.
하지만 한 번에 변수를 선언하게 되면
추후에 코드를 변경하는 경우에 가독성이 떨어질 수 있기 때문에
변수를 한 개씩 선언하시는 것을 추천드립니다.
이 방식을 추천하는 것이지
편하신 방법이 있으시다면 해당 방식으로 진행하셔도 좋습니다.
변수인 let을 사용하시면서 주의하실 점은
-1-
변수를 선언한 대상을
let ex;
ex = 'Hello';
라고 작성했을 때는
ex = 'world';를 작성하여 수정할 수도 있습니다.
하지만 let ex = 'Hello';
let ex = 'world';라고 선언했을 때는
오류가 발생하기 때문에
수정을 원하시면 위에 방식으로 작성하셔야 합니다.
-2-
변수를 선언할 대상은 첫 글자가 숫자이면 안됩니다.
그리고 대상은 $, _ 이외의 특수기호는
이름으로 사용할 수 없습니다.
-3-
예약어는 이름으로 사용할 수 없습니다.
예약어는 컴퓨터 프로그래밍 언어에서 문법적으로
이미 사용되고 있는 언어를 예약어라고 합니다.
예약어에는 let, const, function 등이 있습니다.
여러 가지 예약어가 있기 때문에 참고하시고
구글에 예약어를 검색하셔서 참고하시면 되겠습니다.
만약 오류가 난다고 한다면 주의하실 점에 대해
다시 하면 보시고 코드를 확인하시면 될 것 같습니다.
(2)
상수 const
수정할 수 없는 고정된 정보를 저장할 경우 let 대신
const를 사용하실 수 있습니다.
수정할 수 없는 고정된 정보이기 때문에
상수를 지정하고 수정하려고 똑같은 상수를 만들면
에러가 발생할 수 있습니다.
그렇기 때문에 상수를 대상으로 지정하실 때
상수명을 '문자_문자'의 형태로
문자는 대문자로 작성하시면 좋습니다.
상수를 사용하는 이유는
많이 사용되는 고정된 값을
실수로 수정할 수 있는 우려가 있기 때문에
위험을 줄이기 위해서
수정이 필요 없는 값에는 상수를
사용합니다.
변수와 상수의 이름을 지을 때는
알아보기 쉽게 작성하는 것이 중요합니다.
이름이 겹치지 않고 가독성이 높은 이름을
사용한다면 수정할 때나 공유할 때
알아보기 쉽기 때문에
예를 들어 웹브라우저 사용자들의 이름을
저장하는 변수 이름을 짓는다면
'userName'과 같이
알아보기 쉽게 표현을 해주시는 것을
추천드립니다!
오늘은 JS에서 기본적으로 알아야 하는
변수, 상수에 대해 알아보았습니다.
변수와 상수는 정말 기초적이지만
중요하기 때문에 꼭 알아두셨으면 좋겠습니다.
마지막으로 한 가지 알아두셔야 하는 점은
var 키워드입니다.
과거에는 var 키워드만 사용해서
변수를 선언했었습니다.
그러다가 let, const 키워드가 생기면서
let과 const를 사용하게 되었습니다.
그래서 var로도 변수를 선언해도 이상은 없으나
let과 const를 사용해서 하는 방식을 추천드리겠습니다.
감사합니다!
