기본기부터시작하는 IT생활

변수 선언

• 우선 자료형에대해 알기전에 변수를 선언하는 법부터 알아야한다. 코딩을 처음 접한 사람이라면 변수 선언이라는것이 무엇인지 감이 잘안올것이다. 변수란 데이터를 저장하기 위한 공간이다. 따라서 변수를 선언한다는것은 데이터를 저장하기위한 공간을 마련한다는것과 같다. 그렇다면 이러한 변수 선언은 어떻게 할까. 변수 선언 방식은 아래와 같다.

var 변수명 = 값;
var score = 90


let 변수명 = 값;
let i = 0;

const 변수명 = 값;
const Maximum_Num = 10;

위의 예제는 양식과 예시이다. 위 예제를 보면 한가지 궁금증이 생길것이다. var, let, const 이것들은 무엇인지 하고 말이다. 우선 결론부터 말하면 let 과 cosnt 를 사용해 코딩을 하는것이 좋다. 이제 이 셋의 차이점을 하나씩 설명해보고자 한다.

var이란?

• var은 'variable(가변적인)' 의 약자이다. 이뜻을 알면 이해하는데 편할것이다. var, let, const의 차이점은 재선언과 재할당의 가능여부에 있다. 재선언과 재할당이 무엇이냐. 아래의 예제로 설명하겠다.

var score = 90; //변수 선언
var score = 80; //변수 재선언
score = 70; //변수 재할당

우선 score 라는 이름의 변수를 선언한다. 그리고 var을 이용하여 다시 score라는 변수를 선언한다면 그것이 재선언이다. 그리고  var 없이 score의 값만 바꾸는것이 재할당이다. var을 이용한다면 위 세가지 모두가 가능하다. 그렇다면 다음으로  let을 알아보자.

let이란?

• let의 가장 큰 특징은 지역변수라는 점과 재선언이 불가능하다는 점이다. 아래의 예제로 알아보자.

let score = 90; // 변수 선언
let score = 80; // 에러-변수 재선언 불가능
score = 70; // 변수 재할당 가능


let x = 1;
if(x == 1){
	let x = 2;
	console.log(x);  // 2출력
}
console.log(x);  // 1출력

let의 재선언이 불가능하다는 뜻은 위의 예제와 같이 이미 한번 let으로 선언된 변수는 다시 let으로 선언이 안된다는 것이다. 그리고 지역변수라는 것은 그 뜻 그대로 지역안에서만 사용할 수 있는 변수라고 생각하면 된다. 이를 쉽게 설명하기 위해 위와 같은 예제를 작성했다. 필자는 x라는 이름의 변수를 선언하고 그 값을 1로 지정해주었다. 그리고  if문에서는 x의 값이 1이라면 let을 통하여 x를 재선언하고 2라는 값을 주었다. 여기서 의문이 들것이다. 분명 필자는 let은 재선언이 불가능하다고 했는데 어째서 x는 재선언이 가능한것일까. 답은 let이 지역변수라는 점에 있다. 쉽게 말해 처음 선언되었던 x와 if문 안에 있는 x의 지역이 다르다는 것이다. 위 근거로 if 문 안에서 console.log(x) 는 2라는 값을 출력하지만 if문 밖에서의 console.log(x)는 1이라는 값을 출력한다. 다시 말해 let은 지역변수로 if문 안에 있는 x가 if문 밖에 있는 x에게 영향을 줄 수 없다는 것이다.

const란?

• const는 'constant(변함없는)'의 약자이다. 이는 말그대로 변수로 선언된 이후 변함이 없다는 뜻이다. 아래의 예제를 통해 알아보자.

cosnt pie = 3.14 // 변수 선언
const pie = 2 // 에러 - 변수 재선언 불가능
pie = 1 // 에러 - 변수 재할당 불가능

위의 예제를 보면 const로 선언된  pie의 경우 선언되 이후로 값을 변경하려고 하면 전부 에러가 난다. const는 이러한 특징을 가지고 있다. 쉽게 말해서 상수의 개념을 가지고 있다고 생각하면 된다. 이러한 특징덕분에 코딩에서  const가 많이 사용된다. 그럼 이를 코딩에서는 어떻게 활용할까. 아래의 예제를 보자.

const PIE = 3.14;

function CalCircleArea(radius){
	return Maht.pow(radius,2)*PIE;
}

let circleArea = CalCircleArea(3);

위의 예제는 원의 넓이를 구해주는 함수를 작성한 예제이다. 이 예제에서 눈여겨 봐야할 점은 변하지 않는 수인  pie를 const 로 선언했다는 것이다. 이를 const로 선언할때 장점은 나중에 코드가 복잡해져도 값이 변할 우려가 없다는 점과 만일 pie를 수정해야하는 일이 발생했을때 모든 코드에서 pie의 값을 수정하는게 아니라 const로 선언된 pie의 값만 수정하면 된다는 간편함에 있다. 또한 cosnt 변수를 선언할때 변수명은 주로 대문자로 선언하니 이점 주의 바란다. 참고로 Math.pow(radius,2) 의 뜻은 radius(왼쪽) 을 2(오른쪽) 번 제곱한다는 뜻이다. 만일 이를 Math.pow(3,2)로 작성하면 값은 9가 된다.  마지막으로 변수를 선언할때의 주의점을 알아보고 글을 마치자.

변수 선언할때 주의점

• 변수 이름을 만들때 몇가지 규칙이 있다. 이러한 규칙이 있는 이유는 코딩은 주로 여러사람이 함께 작업하므로 서로 이 변수가 어떤 의미를 가지고 있는 변수인지를 쉽게 알아보기 위해 규칙이 존재한다. 규칙은 다음과 같다

1. 단어를 연결할때 첫글자를 대문자로 해야한다.(카멜(camel) 표기법)
2. 변수명의 첫글자는 영문자, 달러($), 언더바(_) 만 올 수 있다.
3. 변수는 자바스크립트의 예약어가 아니어야한다.

※사진 참조: https://ko.wikipedia.org/wiki/%EC%B9%B4%EB%A9%9C_%ED%91%9C%EA%B8%B0%EB%B2%95