프론트엔드/javascript

[Javascript] 자바스크립트 스타일 가이드 가볍게 알아보기

Se Yeon 2021. 7. 18. 14:23

자바스크립트의 스타일 가이드 ( ੭ ̇ᗜ ̇ )੭
스타일 가이드란 ?  각 프로그래밍 언어마다 권장하는 방법이다. 가독성을 위한 암묵적인 약속이라고 생각하면 된다. 


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