사실 비단 JS에 관련한 토픽은 아니지만..

“좋은 코드”를 정의하는 것에 대해 다양한 의견이 존재하겠지만,

비단 fancy하게 대단한 알고리즘으로 작성하는 것이라기 보단,

라는 것은 가독성이 좋고, 일관성이 있으며, 간결한 코드라고 생각합니다.

내 개인적인 견해로는

간결하고 깔끔하여 가독성이 좋고,

확장과 유지보수하기 좋은 코드

가 좋은 코드라고 생각한다.

뭐 이러한 나의 개인적인 견해와 별개로,

우리는 언제나 끊임없이 협업을 해야한다.

협업에 있어서 코드의 통일성도 중요한 부분이기 때문에,

코드 서식의 일관성을 유지하기 위한 도구가 존재한다.

Prettier와 ESLint가 대표적이다.

Prettier

코드 서식 관리 도구로서 프리티어는 다음과 같은 개발환경 언어들을 지원한다.

이제 간단하게 주요 prettier 설정에 대해서만 훑어보겠다.

.prettierrc.json 파일을 열어본다면

{
  "trailingComma": "es5",		// 코드 맨 뒤 , 붙이기 허용
  "tabWidth": 2,				// tab 여백 크기
  "semi": true,					// 코드 뒤 ; 설정
  "singleQuote": true,			// 문자열 '' 사용
  "arrowParens": "always"		// arrow function의 괄호 사용
}