반응형
자바스크립트 명령문 작성 규칙은 언어의 문법적인 요소와 가독성을 위한 스타일 가이드로 나눌 수 있습니다. 주요 규칙은 다음과 같습니다.
문법 규칙
- 세미콜론(;): 자바스크립트에서 명령문의 끝을 나타냅니다.
- 권장: 모든 명령문의 끝에 세미콜론을 붙이는 것이 좋습니다.
- 주의: 자바스크립트 엔진은 자동으로 세미콜론을 삽입(Automatic Semicolon Insertion, ASI)하는 기능이 있지만, 의도치 않은 버그를 유발할 수 있어 명시적으로 사용하는 것이 안전합니다.
- 대소문자 구분: 자바스크립트는 대소문자를 구분하는 언어입니다. myVariable과 myvariable은 서로 다른 변수로 취급됩니다.
- 코드 블록: 여러 명령문을 그룹화할 때는 중괄호({ })를 사용합니다. 주로 함수, 조건문, 반복문 등에서 사용됩니다.
- 주석: 코드에 설명을 추가할 때는 두 가지 방법을 사용합니다.
- // : 한 줄 주석
- /* ... */ : 여러 줄 주석
스타일 가이드 및 명명 규칙
- 변수 및 함수 이름:
- camelCase: 변수와 함수 이름은 첫 단어를 소문자로 시작하고 이후 단어들의 첫 글자는 대문자로 쓰는 camelCase 표기법이 권장됩니다 (myNewVariable).
- 제한 사항: 변수 이름에는 문자, 숫자, $ 및 _ 기호만 포함할 수 있으며, 숫자로 시작할 수 없습니다.
- 상수: PI와 같은 상수는 모두 대문자로 작성하는 것이 일반적입니다.
- 들여쓰기: 가독성을 높이기 위해 일정한 간격(보통 2칸 공백)으로 들여쓰기를 합니다.
- 줄 길이: 한 줄의 코드가 너무 길어지지 않도록 80자 내외로 유지하는 것이 좋습니다. 긴 명령문은 연산자나 쉼표 뒤에서 줄바꿈하는 것이 바람직합니다.
- 공백: 연산자(=, +, -) 주위와 키워드 뒤에 공백을 넣어 가독성을 높입니다.
좋은 코드 작성을 위한 팁
- 일관성 유지: 팀 전체가 동일한 코딩 스타일을 따르도록 일관성을 유지하는 것이 중요합니다. Airbnb, Google 등 유명 스타일 가이드를 참고할 수 있습니다.
- 린터(Linter) 사용: ESLint와 같은 린터 도구를 사용하면 코딩 스타일을 자동으로 점검하고 개선을 제안받을 수 있습니다.
'자바스크립트_Javascript' 카테고리의 다른 글
자바스크립트: '5'==5가 true인 이유 (0) | 2025.09.13 |
---|---|
[강의용] 자바스크립트 (GOAT) 소스 다운로드 (0) | 2025.09.07 |
자바스크립트: 배열(Array) 정리 (3) | 2025.08.23 |
자바스크립트: setInterval() 함수, 특정 시간마다 반복적으로 함수를 실행 (1) | 2025.08.22 |
자바스크립트: setTimeout() 함수, 지정된 시간 후 실행 (1) | 2025.08.21 |