[Javascript] 변수 선언과 명명 규칙

 앞서 기초적인 부분에 대해 설명을 했으니 본격적으로 자바스크립트의 기본적인 문법에 대해 들어가려고 합니다.

처음으로 여느 것들과 유사하게 변수 부분을 준비했습니다.

---

0. 변수

 변수란 데이터를 저장하기 위한 공간입니다. 스크립트를 처리하는 과정에서 데이터를 임시적으로 담아두는 공간이며, 한 번에 한 가지 값만 저장할 수 있습니다. 그래서 한 변수에 데이터가 이미 존재하는데 새로운 데이터가 들어오면 기존의 데이터는 삭제되고 새로운 데이터가 저장됩니다.

 

 

1. 변수 선언

자바스크립트에서 변수는 다음과 같이 선언합니다.

var 변수명;
var 변수명 = 값;

let 변수명;
let 변수명 = 값;

방법이 두가지인데 사용법도 똑같습니다. 우선 지금은 선언하는 방법 자체만 알아두고 var와 let의 차이점은 다음 포스트에서 다루도록하겠습니다. 넘어가기전에 let 명령을 이용한 선언을 우선적으로 사용해야한다는 점만 알고 넘어가겠습니다.

 

 

2. 변수명명의 규칙

변수명명에도 규칙이 있습니다. 물론 혼자 보는 연습코드에서는 문제가 없을 수도 있으나 나중의 협업이나 오류 방지 등을 위해 명명규칙을 따라서 짓는 것이 좋습니다. 한가지 경험으로는 대학교 1학년 1학기의 c언어 수업 코드에서 변수명을 모두 a,b,c,aaa 등과 같이 막 짓는바람에 나중에 다시 코드를 볼 때 긴 코드에서 변수의 의미에 애를 먹은 적이 있었습니다.

다음 변수 명명규칙은 반드시 지켜야합니다.

 

1. 변수명의 첫 글자는 영문자, 달러($), 언더 바(_)만 올 수 있다.

2. 두번째 이후 글자는 영문자, 달러($), 언더 바(_)와 숫자만 올 수 있다.

3. 변수명의 영문자는 대문자와 소문자를 엄격하게 구분한다.

4. 자바스크립트의 예약어가 아니어야 한다.

 

 

4번에 예약어의 사용을 지양한다는 문구가 있는데 예약어란 자바 스크립트에서 이미 키워드(반복문의 for, while 등)로 사용되고 있는 명령을 지칭한다. 자바스크립트의 예약어란 다음과 같습니다.

break	case	catch	class	const	continue	debugger
default	delete	do	else	expert	extends	finally
for	function	if	import	implements	in	instanceof
interface	new	package	private	protectedd	public	return
super	switch	this	throw	try	typeof	var
void	while	with	yeild

그리고 앞으로 차차 나오겠지만 이미 자바스크립트에서 지원하고 있는 객체나 함수명도 변수명에 넣는 것을 피해야한다.

 

 

3. 변수 명명에 도움이 되는 정보

이 문단의 내용은 반드시 지켜야하는 규칙이 아닌 권장사항입니다.

 우선 변수의 선언 기법인데 대표적으로 세가지가 있습니다.

기법	설명	예시	사용처
camelCase 표기법	낙타의 등같이 보이는 의미. 이름의 맨 첫 번째 단어의 첫 글자는 소문자로, 두 번째 단어부터는 첫 글자를 대문자로 적는 기법	tistoryBlog, tistoryBlogWithKakao	변수명, 함수명
Pascal 표기법	모든 단어의 첫 번째 글자를 대문자로 표기하는 기법	TistoryBlog, TistoryBlogWithKakao	클래스와 생성자
언더바 표기법(snake_case)	모든 단어의 사이를 언더바(_)로 연결	tistory_blog, tistory_blog_with_kakao	상수명

 

추가적으로 클린 코드(로버트 C. 마틴 저)의 첫 단원에서 하는 말이있는데 '변수와 함수명 등은 그 용도를 알기 쉽게 자세히 명명하라' 라는 것입니다.

let arr = ['고양이', '강아지', '기린', '코끼리'];		//arr보단,
let animals = ['고양이', '강아지', '기린', '코끼리'];	//animals같이 확실한 의미를 가지게

 

변수 명명법에 대한 더 자세한 정보는 아래 코딩 컨벤션을 참조해주세요.

2021.10.10 - [Programming/Javascript] - [Javascript] 자바스크립트 코딩 컨벤션

[Javascript] 자바스크립트 코딩 컨벤션

---

변수 선언에 대한 기본적인 방법은 이렇게 정리를 마치고 다음포스트에서 자바 스크립트의 변수 종류를 알아보도록 하겠습니다.