Do it! HTML+CSS+자바스크립트 웹 표준의 정석
[JS스타일 가이드]
- 구글과 에어비앤비의 자바스크립트 ㅌ스타일 가이드를 참고하여 작성하면 좋을 것.
자바스크립트 작성 시 지켜야 할 규칙
-
코드를 보기 좋게 들여쓰기 하기
: Tab/Space bar를 눌러 공백을 만든다.
: Tab은 시스템 환경마다 다르게 보일 수 있으므로, 자바스크립트 스타일 가이드에서는 Space bar를 눌러 공백이 2칸이나 4칸인 들여쓰기를 권장한다.
: 공백 4개는 화면을 많이 차지하므로 최근에는 공백 2칸 들여쓰기를 많이 사용함. -
세미콜론으로 문장 구분
: 자바스크립트에서는 문장이 끝날 때 세미콜론을 붙이지 않아도 실행된다. 그러나 붙이는 것을 권장한다. 문장을 명확히 표시해주면 소스 티버깅이 쉽기 때문이다.
: 소스 가독성과 디버깅을 위해 소스는 한 줄에 한 문장만 작성하는 것이 좋다. -
공백을 넣어 읽기 쉽게 작성
: 예약어나 연산자, 값 사이에는 공백을 넣어 소스 코드를 읽기 쉽게 작성한다. 공백이 없어도 잘 실행되지만, 가독성을 위해 공백을 넣는 것이 좋다.
=
//권장하지 않음
var num=2;
var sum=num+10;
//권장함
var num = 2;
var sum = num + 10;-
소스 코드를 잘 설명하는 주석을 작성
1)한 줄 주석
: 주석 기호로 슬래시 2개(//)를 붙이고 내용을 작성
: //바로 뒤에 작성한 내용만 주석으로 인식
: 만약 주석 내용이 한 줄을 넘으면 오류가 생기므로 주의
2)여러 줄 주석
: 여는 주석 기호(/*)를 맨 앞에, 닫는 주석 기호(*/)를 맨 뒤에 넣는다.
: 주석 사이에 내용을 작성하고, 주석 사이에 또 다른 주석을 넣을 수 없다. -
식별자는 정해진 규칙을 지켜 작성
: 식별자(identifier)는 개발자가 변수,함수,속성 등을 구분하려고 이름 붙인 특정 단어를 의미한다.
var name = prompt("이름을 입력하세요"); : 여기서 프롬프트 창에 입력받은 사용자 이름을 name이라는 변수에 저장하는데, name이 바로 식별자이다.
: 식별자의 첫 글자는 반드시 영문자나 언더스코어(_) 또는 달러 기호($)로 시작해야 한다.
: 그 다음에는 영문자나, 언더스코어, 달러기호, 숫자를 작성할 수 있다. 두 단어 이상이 모여 하나의 식별자를 만들 경우 단어 사이에 공백을 둘 수 없고, 단어와 단어 사이를 하이픈(-)이나 언더바(_)로 연결해 사용한다.
: 하이픈이나 언더바 없이 두 단어를 붙여 사용할 경우 첫 단어는 소문자로 시작, 두번째 단어는 대문자로 시작하는 것이 일반적이다.
num1 //영문자로 시작하는 식별자
_doSomething // 언더스코어(_)로 시작하는 식별자
checkTime() // 두 단어로 만든 식별자- 예약어는 식별자로 사용할 수 없다.
: 예약어는 키워드라고도 하는데, 식별자로 사용할 수 없도록 JS에서 미리 정해놓은 단어를 가리킨다.
: 예를 들어 var는 변수를 선언할 때 쓰는 예약어이며, 식별자 이름으로는 사용할 수 없다.
