TIL 1. 변수를 선언하는 방법

윤창현·2021년 7월 27일
7

T.I.L

목록 보기
1/10
post-thumbnail

Javascript의 시작


* 개발 공부를 시작하면서 가장 먼저 듣고, 가장 많이 접하고 있는 용어에 대해서 공부한 내용을 기록하려고 한다.

그것은 바로!!! 👍👍👍

변수(Variable)

변수는 자바스크립트 프로그래밍 언어에서 데이터를 저장하는 공간을 뜻하기도 하고
이름 그대로 변한 수 있는 수라는 의미도 있다고 한다.

즉, 변수에 저장된 데이터는 쉽게 다른 데이터로 변할 수 있음을 말하는데,

여기서 잠깐! 데이터란 무슨 뜻인지도 알아볼 필요가 있을 것 같다.

데이터(Data)

데이터는 (Value)과 값의 유형(Type)을 합한 용어이다.

예를들어

1 + 2 = 3 이라는 식을 볼 때
-----   -
값이X    값O

으로 볼 수 있는데 그 이유는 1과 2는 3이라는 값으로 축약될 수 있기에 
값이 될 수 없고 3은 더 이상 축약 될 수 없기에 숫자형 값으로 처리된다.

이렇듯 수많은 데이터를 저장하는 공간을 변수라고 한다.

👉 변수 = 데이터를 담을 수 있는 공간

자바스크립트에서는 주로 let, const를 사용하여 변수를 선언하고 있다.


💻 let을 알아보자!

  • let은 ES6에서 새롭게 추가된 자바스크립트 변수 선언 키워드이다.
  • let키워드로 선언한 변수는 값의 재할당이 가능한 변수이다.
let age = 27; 
age = 28;
console.log(age); // 28

위의 코드를 보면 알 수 있듯이 기존 age의 값을 새로운 값으로
재할당하여 선언해도 에러 없이 출력되는 것이 가능하다.


💻 const를 알아보자!

  • const는 상수를 선언하는 키워드이다.
  • const는 최초 선언 및 초기화 후에는 다른 값을 재할당 할 수 없다.
const age = 27; 
age = 28; // TypeError: Assignment to constant variable.

const는 상수이기에 변하지 않는 변수를 생성하고 그렇기 때문에
값을 재할당 할 수 없는 것이다.


💻 let 과 const의 공통점은 중복 선언 불가

// let 중복 선언 
let num = 10; 
let num = 20; // SyntaxError: Identifier 'a' has already been---
// const 중복 선언 
const age = 10; 
const age = 20; // SyntaxError: Identifier 'b' has already been---
  • 이미 선언한 변수를 다시 선언할 경우 에러가 발생하면서 불가능함을 나타낸다.

💡 간단정리
let, const는 자바스크립트의 변수 선언 방식이며
재할당 가능 여부의 차이점을 가지고 있으며
중복 선언 불가라는 공통점 또한 가지고 있다.


📚 아직 많은 것이 부족하다.

이제 시작한 공부인 만큼 위의 내용에는 var, hosting 등등
변수에 대한 더 깊고 다양한 내용이 많이 빠져있지만, 글을 개시하면서
더 공부하고 내 것으로 만들어 가고 있다는 것을 느낄 수 있어서 좋았다.

작은 용기의 씨앗이 거대하고 튼튼한 나무가 되는 그날까지 TIL 하겠다. 🌳

profile
긍정적 영향을 전하며 함께하고 싶은 개발자를 그린다.

2개의 댓글

comment-user-thumbnail
2021년 7월 27일

블로그 첫글 축하드려요~! 앞으로도 좋은 글들 기대할게요~!! ㅎㅎㅎ 팟팅임미당!!

1개의 답글