자바스크립트 변수 선언

변수 는 값을 저장하는 것

꼭 지켜야 하는 룰 ! (지키지 않으면 오류 발생)

(1) JavaScript 식별자는 '문자( a-z, A-Z )', '밑줄( _ )' 혹은 '달러 기호( $ )'로 시작해야 한다. 두 번째 글자부터는 '숫자( 0-9 )'도 가능.

(2) '대문자'와 '소문자' 구별하기. myname과 myName은 다른 이름 !

(3) '예약어(JavaScript가 찜해놓은 단어)'는 사용하면 안 됨 XXX ! 예를 들어서 if, for, let 같은 것들이 있다.

지키면 좋은 룰 (더 좋은 스타일을 위해)

위에 나와 있는 꼭 지켜야 하는 룰들만 지켜도 오류 없이 코드가 돌아가긴 한다. 하지만 돌아가기만 한다고 다 좋은 코드는 아니라는 점! 프로그래밍은 혼자 하는 게 아니기 때문에, 여러 사람과 협업할 때 여럿이 일관성 있는 코드를 쓰기 위해서는 어느 정도의 약속이 필요하다.

나물좀줘! = 나 물 좀 줘! 나물 좀 줘!
사랑해보고싶어! = 사랑해 보고 싶어? 사랑 해보고 싶어?

똑같은 글이지만 띄어쓰기라는 약속을 지켜주면 우리가 전달하고자 하는 문장의 의미를 조금 더 명확하게 할 수 있듯이 코드를 작성할 때도 마찬가지입니다. 코드를 작성하는 일은 여러 사람들과의 협업이기도 하면서 스스로와의 소통이기도 하다. 이런 소통을 원활히 하기 위해서 아래와 같은 약속들을 지키자!

(1) 의미 없는 이름 쓰지 않기 !

<script>
	let a, b, c, d;
</script>

나중에 복잡한 프로그램 짜게 되면 변수랑 함수를 여기저기서 적절하게 활용해야 하는데, 이름이 a, b, c, d처럼 의미없게 설정되어 있으면 어떤 값을 저장했는지 찾기도 어렵고 활용하기도 어렵다. 또, 프로그램의 가독성이 떨어지기 때문에 나중에 혼자 프로그램을 살펴볼 때나 공동으로 작업을 할 때 불편한 상황이 발생할 수도 있다. 따라서 처음부터 적절한 이름을 짓는 습관을 들이는 것이 좋다.

(2) 너무 추상적인 이름은 X !

<script>
	let name; //너무 추상적인 이름
</script>

상황에 따라 그냥 name이라는 변수명이 적합한 상황도 있을 수 있겠지만 긴 프로그램을 작성하다 보면 다양한 name들이 존재할 것이기 때문에 name은 너무 추상적일 수가 있음. 조금 더 구체적인 이름으로 이해하기 쉽게 만들자. ex)profName, studName, empNmae 처럼

(3) 모든 변수 이름은 'camelCase' 로 쓰기 !

<script>
	let bad_variable_name; //비추천
	let goodVariableName; //추천
</script>

변수명에는 띄어쓰기 절 ! 대 ! 불가능하기 때문에 띄어쓰기 역할 대신 할 무언가가 필요함. 그 중 하나가 'camelCase'. 첫 번째 글자는 소문자로 하고, 띄어쓰기가 있는 각 단어의 첫 문자는 대문자로 표기하기 (중간중간 대문자가 낙타(camel)의 혹처럼 생겨서 camelaCase라고 부른다.

참고하기

코드 에디터는 코드를 쉽게 작성할 수 있게 자동화된 기능들이 있다. 그래서 만약 자동화된 기능이 우리가 지키려고 하는 스타일 가이드와 일치하지 않는다면 에디터에서 몇 가지 설정을 바꿔주어야 한다.
코드 에디터마다 다르겠지만 일반적으로 들여쓰기(indentation) 부분은 신경을 써야 하는 경우가 많다.

여러 자바스크립트 스타일 가이드를 살펴보면 대부분 공통적으로 들여쓰기를 space 2칸으로 사용하도록 권장한다.