반응형
250x250
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Notice
Recent Posts
Today
Total
관리 메뉴

네이처리 노트

[Javascript] 오류 및 스타일을 위해 변수에서 지켜야 하는 룰 본문

개발기록/Javascript

[Javascript] 오류 및 스타일을 위해 변수에서 지켜야 하는 룰

네이처리 2022. 9. 2. 15:00
728x90
반응형

공부하면서 정리한 내용입니다
참고한 내용은 맨 아래의 링크를 확인해주세요




📍 변수에서 지켜야 하는 룰 (지키지 않으면 오류)

  1. JavaScript 식별자는 문자(a-z, A-Z), 밑줄(_) 혹은 달러 기호($)로 시작해야 합니다.
  2. 두 번째 글자부터는 '숫자(09)'도 가능합니다.
  3. 대문자와 소문자는 구별합니다. mynamemyName은 다른 이름입니다.
  4. 예약어 (JavaScript가 찜해놓은 단어) 는 사용하면 안 됩니다. 예를 들어서 if, for, let 같은 것들이 있습니다.


📍 변수에서 지키면 좋은 룰 (더 좋은 스타일을 위해)

◇ 의미 없는 이름은 좋지 않습니다.
향후 복잡한 프로그램을 짜게 되면 변수와 함수를 여기저기서 적절히 활용해야 하는데, 이름이 a, b, c, d처럼 의미 없이 설정되어 있으면 어떤 값을 저장해뒀는지 찾기도 어렵고 활용하기도 어렵습니다. 또한 프로그램의 가독성이 떨어져서 나중에 스스로 프로그램을 살펴볼 때, 그리고 공동 작업을 할 때 매우 불편한 상황이 발생합니다. 그래서 프로그래밍 초반부터 적절한 이름을 짓는 습관을 들이는 것이 좋습니다!

let a, b, c, d;


너무 추상적인 이름은 좋지 않습니다.
상황에 따라 그냥 name이라는 변수명이 적합한 상황도 있을 수 있겠지만, 긴 프로그램을 쓰다 보면 다양한 '이름'들이 있기 때문에 name은 너무 추상적일 수 있습니다. 그럴 때는 조금 더 구체적인 이름으로 이해하기 쉽게 만들어주세요!
let name; // 너무 추상적인 이름

모든 변수 이름은 'camelCase'로 쓰는 것이 좋습니다.
변수명에는 띄어쓰기가 불가능하기 때문에, 띄어쓰기 역할을 대신 할 무언가가 필요합니다. 그중 하나가 'camelCase'라는 것인데요. 첫 번째 글자는 소문자로 하고, 띄어쓰기가 있는 각 단어의 첫 문자를 대문자로 표기하는 방식입니다.

let bad_variable_name; // 비추천 방식
let goodVariableName; // 추천 방식

중간중간의 대문자가 낙타(camel)의 혹처럼 생겨서 camelCase라고 부릅니다.





728x90
반응형
Comments