Daylogs/Javascript

Airbnb의 Style Guide

ohgyun 2015. 10. 13. 10:07
발생일: 2015.09.21

키워드: JavaScript Style Guide, JavaScript Convention, 자바스크립트 스타일 가이드, 자바스크립트 컨벤션

내용:

React 가이드를 보다보니 기본적인 스타일은 Airbnb 의 스타일을 따른다고 되어 있다.



우리 프로젝트는 구글의 스타일 가이드를 참조해 가이드를 작성해뒀었는데,
에어비앤비의 스타일을 보니 생각했던 범위보다 훨씬 상세하게 가이드를 정리해뒀다.

몇 가지 동의하기 어려운 (이라기 보단 적용하기 싫은 이라고 하는 게 좋겠다) 가이드도 있었고. ㅎㅎ

아래 목록은 가이드 중에 기존 우리가 사용하던 가이드와 다른 몇 가지이다.

- 함수를 정의할 땐, 표현식 (function expression) 대신 함수 선언(function declaration)을 사용한다.
  호이스팅 이슈를 해결할 수 있고, 표현식을 모두 arrow function으로 축약해 표현할 수 있는 장점이 있다고 한다.

- 한 줄 주석이라 할 지라도 코드의 끝에 주석을 적지 않는다.

- 주석의 상단에 항상 빈 라인을 추가한다.

- 멀티라인 주석은 항상 /** */ 으로 사용한다.
  /* */ 은 사용하지 않는다.

- 객체 정의 시 마지막 컴마를 표시한다.
  굉장히 의외였는데, 컴마를 생략하면 새 속성을 추가할 때 git diff 가 이쁘게 나오지 않기 때문이라고 한다.

- 클래스는 PascalCase를 쓴다.
  이건 기존과 동일한데, 첫 글자가 대문자인 CamelCase 를 PascalCase 라고 하는구나~

- context 를 저장하는 용도의 변수(self)를 사용하지 않도록 한다.
  대신 bind 나 arrow function을 사용한다.




반응형