1. 변수

1. 변수란?

변수(variable)는 값의 위치를 가리키는 이름으로서 식별자(identifier)이다.

 

변수은 프로그래밍 언어에서 값을 저장하고 참고하는 매커니즘이다.

 

컴퓨터에서는 메모리에 값을 저장하고 CPU가 메모리 주소를 통해 값에 접근하여 연산을 하는데

개발자가 직접 메모리 주소에 접근하여 처리하는 것은 치명적 오류를 발생시킬 가능성이 높기 때문에 변수라는 메커니즘을 거치며 안전하게 접근할 수 있도록 한다.

 

 

2. 변수 선언

변수 선언이란 변수를 생성하는 것이다.

 

변수 선언에는 3가지 키워드를 사용한다.

기존에는 var 하나의 방법으로만 선언이 가능했지만 ES6에서 var의 단점을 해결하기 위하여 let와 const가 추가되었다.

새로 짜는 코드의 경우 let와 const로 작성하는 것이 좋다.

 

※ var 단점과 let, const의 생성 이유에 대한 설명은 {https://yellowtail2357.tistory.com/4}에서 상세히 설명해두었다.

 

var      : 변수 재선언 가능

let       : 변수 재선언 불가능, 변수 수정 가능

const  : 변수 재선언 불가능, 변수 수정 불가능,  선언과 초기화를 동시에 해야한다

 

 

간단히 사용법만 요약하자면

기본적으로는 const를 사용하고 재할당이 필요한 경우에만 한정하여 let을 사용하자!

 

 

3. 변수 선언 규칙

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

 

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

 

3) 변수명의 영문자는 대문자와 소문자를 구분한다.

 

4) 자바스크립트의 예약어가 아니어야 한다. (ex. if, for, break, class, try, with 등 이미 키워드로 사용되고 있는 단어)

 

 

4. 변수 명명규칙 (권장사항)

※ 명명할 때 축약어 보다는 의미를 바로 알 수 있는 긴 이름이 좋다.

 

1) 변수와 함수명 : camelCase

첫 단어는 소문자로, 두번째 단어는 대문자를 사용한다.

ex) yellowTail, helloWorld, tistoryBlog

 

2) 클래스와 생성자 : Pascal

모든 단어의 첫 글자는 대문자로 작성한다.

ex) User, ScoreBorad, ImClass

 

3) 상수명 : 언더바(snake_case)+대문자

모든 단어의 사이를 언더바(_)로 연결하며 대문자만 사용한다..

ex) MAX_WIDTH, PI, MY_SCORE

 

4) 프라이빗 멤버 : 언더바(_) 시작

클래스의 private 멤버 변수는 언더바(_) 로 시작한다.

ex) class User {

            const _name = "jso"

}

 

5) 이벤트 핸들러 함수 : 'on'으로 시작

이벤트 핸들러 함수들은 'on'이라는 단어로 시작한다.

ex) onclick, onload