코딩 스타일

진정한 프로그래밍 기술이란 복잡한 문제를 간결하고 사람이 읽기 쉬운 코드를 작성해 해결하는 것. 코드 스타일이 도움 됨

중괄호

• 여는 중괄호는 ‘이집션’ 스타일을 따라 새로운 줄이 아닌 상응하는 키워드와 같은 줄에 작성

• 여는 중괄호 앞엔 공백 하나 필요

• 한줄 짜리 구문에도 이집션 스타일 중활호 선언

가로 길이

• 코드 길어질 시 여러 줄로 나눠 작성

• 백틱으로 문자열 쉽게 나누기.

들여쓰기

• 가로 들여쓰기 : 스페이스 두 개 혹은 네 개 아니면 탭 이용. 스페이스가 우위.

• 세로 들여쓰기 : 논리 블록 사이에 넣어 코드를 분리해주는 새 줄. 코드 아홉 줄 이상일 시 사용 권장.

세미콜론

• 모든 구문 끝에 세미콜론 권장

• 에러 방지

중첩 레벨

• 깊은 중첩문 자제.

• 반복문에서 continue 지시자

• if/else 에선 if/return

함수의 위치

• 헬퍼 함수 사용시

1. 코드 위에서 헬퍼 함수 모아 선언

2. 코드 먼저, 함수는 그 다음

3. 혼합 코드

• 두번째가 이름만 보고도 함수 유추 가능하기 떄문에 선호.

스타일 가이드

• 팀은 동일한 가이드 따라 작성 시 모든 코드가 동일한 스타일 가능

• 이미 짜여져 있는 유명 스타일 가이드 추천

Linter

• 내가 작성한 코드가 스타일 가이드 준수하고 있는지 자동 확인 및 스타일 개선 제안

• 버그 미리 발견 가능

• ESLint 가 커스터마이징 가능하여 추천.

• 에디터에 결합 가능

요약

• 좋은 코드 스타일이 좋은 프로그래밍 낳음

• 중괄호는 한줄 짜리 구문도 사용. ‘이집션’

• 가로 들여쓰기는 여러 줄로 나눠 작성. 스페이스가 우위

• 세로 들여쓰기는 논리 블록 사이에 넣어서 논리 분리

• 세미 콜론은 모든 구문 끝에 권장. 에러 방지

• 중첩 레벨은 깊지 않게. continue, if/return

• 함수 위치는 코드 뒤.

• 스타일 가이드는 미리 짜여져 있는거 참고하면 유용

• Linter 로 교정 가능