써먹는 웹개발
[Js] 클린코드 4가지 법칙 본문
728x90
반응형
1. DRY : don't repeat yourself
- 중복 코드 작성을 하지 말아라.
- 공통된 코드는 하나의 함수로 만들어 다른 곳에서 참조할 수 있게끔 하는 것이 좋다.
2. KISS : Keep it simple, stupid
- 단순하고 간결하게 디자인해라.
- 프로젝트에서 요구되는 요건정의를 이해하라.
3. YAGNI : You Ain't Gonna Need it
- 정말로 필요할 때까지 작성하지 마라.
- 추후에 필요할 것 같은 기능이나 코드가 있더라도 예측하여 미리 추가를 해놓지 마라. 방해 또는 버그 발생할 가능성으로 이어짐
4. 일관성
- 변수나 선택자 규칙을 동일하게 처리해야됨
1) 규칙 불일치
const itemList = document.querySelect(".itemList");
const t_icon = document.getElementById("t_icon");
2) 규칙 일치
const itemList = document.querySelect(".itemList");
const tIcon = document.querySelect("#tIcon");
728x90
반응형
'웹개발 > Js & Jquery' 카테고리의 다른 글
[Jquery] 레이어팝업 창 열기 횟수만큼 클릭 이벤트 호출되는 현상 해결방법 (0) | 2023.06.19 |
---|---|
[Js] 합계 구할때 for문보다 reduce를 쓰자 (0) | 2023.04.18 |
[Js] 2차원 배열 초기화 (0) | 2023.04.11 |
[JS] 물음표 두개(??) 의미 (0) | 2023.02.09 |
[Js] 느낌표(!) 연산자와 옵셔널 체이닝(?.) (0) | 2023.01.31 |
Comments