본문 바로가기

Study Record/Javascript

JavaScript 변수와 연산자

* 이 글은 Udemy의 "JavaScript 완벽 가이드 : 초급 + 고급 마스터 과정" 강의를 수강한 뒤 개인 복습을 위해 정리하는 글입니다.

(섹션 2 : 19~21)

 

 


 

변수

 

데이터를 보관하는 데이터 컨테이너(저장소)

 

변수 생성하는 키워드: let & const

 

  • 일반적인 변수 생성: let 변수 이름 = '데이터';

let으로 생성한 변수는 변할 수 있다. 변수 이름 = '데이터';으로 변수에 저장되는 값을 변경해주면 된다.

 

  • 상수 생성: const 변수 이름 = '데이터';

const로 생성한 변수는 변할 수 없다. 변수이름 = '데이터';으로 변수에 저장되는 값을 변경해주려고 하면 오류가 난다.

 

 

Tip

상수는 최대한 자주 사용하는 것이 좋다. 상수는 값을 변경할 수 없고 용도가 제한적이기 때문에 작성자의 의도를 명확하게 보여줄 수 있기 때문이다. 만약 수명 주기 전반에 걸쳐 절대 변하지 않는 값이 있다면 이를 명확히 함으로써, 다른 개발자가 읽더라도 이 데이터는 절대 변하지 않는다는 것을 바로 알려줄 수 있게 된다. 즉, 다른 사람이 코드를 쉽게 이해할 수 있도록 해준다.

 

 

 

변수 또는 상수의 이름과 관련된 규칙 (권장 사항)

 

변수의 이름은 변수 내에 어떤 종류의 데이터가 저장되는 지를 묘사해주는 이름이 좋다.

 

  • let userName - Best : camelCase 가장 권장하는 변수 이름 (대문자와 소문자를 구분함)
  • let ageGroup5 - 변수 이름의 중간이나 끝에 숫자를 사용할 수 있다.
  • let $kindOfSpecial - 변수의 이름에 $를 사용할 수 있다.
  • let _internalValue - 변수의 이름에 _를 사용할 수 있다.

 

허용되지 않는(권장하지 않는) 변수 이름

  • let user_name - 문제는 없지만 권장하지 않는다.
  • let 21Players - 변수 이름의 처음에는 숫자를 사용할 수 없다.
  • let user-b - $와 _를 제외하고는 어떤 특수 문자든 사용할 수 없다. 그리고 공백도 사용할 수 없다.
  • let let - 키워드를 사용할 수 없다.

 


 

연산자

 

값을 조종할 수 있도록 해주는 JavaScript의 구문 기능

 

  • + : 곱하기 연산자
  • - : 빼기 연산자
  • * : 곱하기 연산자
  • / : 나누기 연산자
  • % : 나머지 연산자
  • ** : 거듭제곱 연산자
  • = : 할당 연산자