자바스크립트의 스타일 가이드 ( ੭ ̇ᗜ ̇ )੭
스타일 가이드란 ? 각 프로그래밍 언어마다 권장하는 방법이다. 가독성을 위한 암묵적인 약속이라고 생각하면 된다.
1. 사용할 수 있는 문자
알파벳 ( 대소문자 ) , 숫자 (0~9) , underbar(_) , 달러기호 ($) 를 사용할 수 있다.
2. 변수
- 숫자는 변수의 첫 글자로 올 수 없다. 두번째글자부터 가능하다
ex) 1js (x) js2(o)
- 다른 언어에서도 그렇듯이 대소문자는 구별해서 써야한다
myname !== Myname
- 예약어는 변수로 사용이 불가능하다.
(if, for 등 처럼 이미 기능적으로 사용되고 있는 단어들)
- 의미없는 이름들 X
가독성을 위해서 변수이름은 최대한 관련있는걸로 짓는게 좋다.
너무 추상적인 이름도 피하는 게 좋다.
- 모든 변수이름은 camelCase (카멜 표기법) 을 사용하는게 좋다.
붙어있는 단어 중 두번째 단어에 첫글자를 대문자로 쓰는 방법이다.
ex) camelCase , bigFood , goodTime
글자가 낙타의 등처럼 튀어나온 모습과 유사하다해서 지어진 이름이다.
TMI) 파이썬같은 경우는 카멜표기법을 지양하고 파스칼 표기법을 추천한다.
(파스칼 표기법 -> 단어사이에 _를 붙이는것 good_time )
이렇듯 각 프로그래밍 언어마다 다른 스타일 가이드를 가지고있다.
3. 들여쓰기를 space 2칸으로 사용하는 것을 권장한다.
function styleGuide(){
console.log("들여쓰기 2칸");
console.log("들여쓰기 4칸");
}
styleGuide ();
2번째줄의 코드가 들여쓰기 2칸이고
3번째줄이 들여쓰기 4칸을 한 코드이다. 자바스크립트는 2칸을 권장한다
오늘은 가볍게 알아보는 시간이니 여기까지 정리하고
나중에 좀 더 공부한다음에 에어비앤비나 W3school 의 스타일 가이드를 정리해봐야지 :D
'프론트엔드 > javascript' 카테고리의 다른 글
[바닐라 js 챌린지] 2.0강 function(), return, prompt() ✨ (0) | 2022.06.11 |
---|---|
[javascript] 자바스크립트 객체(object )정리 (0) | 2022.06.08 |
[javascript] 자바스크립트 배열 (Array) 정리 (0) | 2022.06.07 |
자바스크립트 문자열(String) 객체의 메서드 및 속성 (0) | 2022.01.12 |
[Javascript] var, let, const 차이점 (2) | 2021.07.27 |