구글에서 말하는 JavaScript Style Guide

이번 시간에는 Google JavaScript Style Guide에서 가장 흥미로는 규칙들에 대해서 정리한 글을 번역해보았다.

아직 익숙하지 않은 사용자를 위해 Google은 깨끗하고 이해할 수 있는 코드를 작성하기 위한 최고의 문체 관행을 레이아웃하는 JavaScript 작성을 위한 스타일 가이드를 제시합니다.

유효한 JavaScript를 작성하기위한 엄격하고 빠른 규칙은 아니며 원본 파일 전체에서 일관되고 매력적인 스타일 선택을 유지하는 데 필요한 규정 만 있습니다. 이것은 자바 스크립트에서 특히 흥미 롭습니다. 자바 스크립트는 다양한 스타일 선택을 허용하는 유연하고 관대 한 언어입니다.

Google과 Airbnb 는 가장 인기있는 스타일 가이드 2 개를 보유하고 있습니다. 나는 JS 작성에 많은 시간을 할애한다면 그들 모두를 체크 아웃하는 것이 좋습니다

그들은 치열한 경쟁 문제 (탭 대 공간, 세미콜론 사용 방법에 대한 논란의 여지가있는 문제)에서 저를 놀라게 한 몇 가지 더 명확하지 않은 사양에 이르기까지 모든 것을 처리합니다. 그들은 앞으로 JS를 쓰는 방식을 확실히 바꿀 것입니다.

각 규칙마다 사양에 대한 요약을 제공하고 규칙을 자세히 설명하는 스타일 가이드의 지원 견적을 제공합니다. 적용 할 수있는 경우 실제로 스타일의 예를 제공하고 규칙을 따르지 않는 코드와 대조합니다.

1. 세미콜론으로 마무리하여라 !

모든 문장은 세미콜론으로 끝나야 합니다. 자동 세미콜론 삽입에 의존하는 것은 금지되어 있습니다.

누군가가 이 아이디어에 반대할 지는 모르지만 JavaScript에서 세미콜론을 일관되게 사용하는 것이 새로운 'spaces versus tabs' 논쟁이 되고 있습니다. 구글은 세미콜론을 방어하기 위해 이렇게 이야기한다.

2. 한줄의 글자수를 80자 내외로 작성하여라 !

JavaScript는 코드의 글자 수 제한은 80자입니다. 이 제한을 초과 하는 경우 줄바꿈이 되어야 합니다.

3. 지역 변수를 선언하여라 !

var 키워드를 최대한 지양하며 let, const를 사용하여라. 변수를 재 할당 하는 경우 let을 사용하고 그 이외에는 const를 사용해야합니다.

2019/02/19 - [넌 누구야 JavaScript 공부/JavaScript] - JavaScript let, const 란? 그리고 왜 써야만 하는가? (ES6)

4. arrow function을 사용하여라 !

arrow function은 간결한 구문을 제공하고, this에 대한 어려움도 해결해주기 때문에 arrow function을 선호합니다.

2019/02/20 - [넌 누구야 JavaScript 공부/JavaScript] - JavaScript arrow function 비밀을 파헤쳐보자 (ES6)

5. 문자열을 template literals를 통해 표현하여라 !

다중 문자열이 포함된 경우 문자열을 연결하느라 복잡해질 수 있다. 하지만 이러한 경우 template literals를 이용하면 쉽고 간편하게 복잡함을 해소 할 수 있다.

2019/02/21 - [넌 누구야 JavaScript 공부/JavaScript] - JavaScript 새로운 문자열 표기법 template literals (ES6)

6. eval()을 사용하지 말아라 !

잠재적으로 위험하며 단순히 CSP 환경에서 작동하지 않기 때문에 eval 또는 Function(... 문자열) 생성자를 사용하지 말아라 !

7. 상수는 대문자로 표기하여라 !

변수가 변경되지 않아야 한다고 확신하는 경우 상수의 이름을 대문자로 표시하는 것을 선호합니다. 이렇게하면 상수의 불변성이 코드 전체에서 사용됨에 따라 명확해집니다.

8. 한 줄에 여러개의 선언 보다는 한줄에는 하나의 변수만 선언하여라 !

모든 지역 변수 선언은 하나의 변수 만 선언하며, 한 줄에 let a = 1, b = 2 보다는 두 줄을 사용해 한 줄씩 선언하는 것을 선호합니다.

9. 큰 따옴표가 아닌 작은 따옴표를 사용하여라 !

일반 문자열 리터럴은 큰 따옴표(") 대신 작은 따옴표(')로 사용하는 것을 선호합니다.

참고 사이트: https://morioh.com/p/08db581f8d50/top-13-noteworthy-points-from-google-s-javascript-style-guide