-
[ JS : 규칙 ] 클린 코드의 첫걸음WEB/JS 2023. 6. 21. 06:06
안녕하세요반갑습니다.오늘은코규에대해서배워보겠습니다.

보통 글을 작성할 때 띄어쓰기와 맞춤법 그리고 이해하지 못 하는 줄임말을 쓰면 가독성이 떨어지게 되고 이해가 어렵다.
그러니 어서 코딩 규칙을 적용시키자!
목적
- 코드 가독성 향상
- 코드 유지 관리를 더 쉽게
Standard Style을 기준 삼았다.
JavaScript Standard Style
English • Español (Latinoamérica) • Français • Bahasa Indonesia • Italiano (Italian) • 日本語 (Japanese) • 한국어 (Korean) • Português (Brasil) • 简体中文 (Simplified Chinese) • 繁體中文 (Taiwanese Mandarin) 이것은 Ja
standardjs.com
규칙
가장 영향이 큰 것들부터 습관화 시작해야겠다.
1. 들여쓰기 2칸
2. 문자열 작은 따옴표
3. ( ) 사이, 연산자, 쉼표 공백 필수
function myFunction (arg) { ... } if (condition) { ... } for (let i = 0; i < j; i++) { ... } a < b a === b [1, 2, 3]4. 문자, 함수 명명은 camelCase
변수명을 만들땐 확실한 단어를 떠올릴 수 있게 만들자.
함수명을 만들때는 동사 + 단어 이걸 꼭 명시하자.
5. ===
6. 세미콜론 X
7. 상수에는 대문자
모든 const에 적용이 아닌 이건 절대 바뀌지 않을 것들만!
딱 전달하고 싶은 정보!
상수를 언제 대문자로 이름 짓는가? · Unuuuuu
Unuuuuu의 블로그입니다.
unuuuuu.com
8. 매개변수 정확하게 명시하기
++++세미콜론에 대해서 논쟁이 많다.
세미콜론.. 써야할까? 안 써야할까?
뭐가 정답인가..
검색을 해보니 정답은 없고 컨벤션에 맞춰야하는걸로 보여진다.
일단 나는 안 쓰려고 한다!
이런 선택을 하게 된건 파이썬 또한 하게 되는데 파이썬은 세미콜론을 붙이지 않으니 조금이나마 통일을 시키고 싶었다!
'WEB > JS' 카테고리의 다른 글
[ JS : localStorage ] 나의 작고 소중한 데이터베이스 (0) 2023.06.25 [ JS : UI만들기2 ] 쉽고 빠르게 UI 만드는 법 Learn 하기 (다크모드 만들기) (0) 2023.06.23 [ JS : UI 만들기 ] 쉽고 빠르게 UI 만드는 법 Learn 하기 (드랍다운 만들기) (0) 2023.06.20 [ JS : DOM ] 도미아니고 돔이요. (0) 2023.06.20 [ JS : 순차탐색 ] 검색기능을 만들어보자! (0) 2023.06.19