[JavaScript][clean-code] 클린코드 리뷰 지적 사항

* JavaScript

- 해당 내용을 code review에서 지적받은 사항을 정리하여 놓은 내역입니다.

 

---

1. DRY(making function)

• DRY 원칙, 즉 “반복하지 마라(Don't Repeat Yourself)”라는 말 역시 좋은 소프트웨어 개발 습관의 근원이라 할 만하다. “모든 지식 조각은 딱 한 번만 나와야 한다"

2. Early return

• early return이란, return을 빨리 해버려서 뒷 코드의 구조를 단순하게 만들어주는 패턴이다. 정확히는 else를 제거하는것이 목적이다.

3. Consistency(일관성)있게 작성하기

• 변수명 작성 패턴 ex) camelCase
• 선택자 일치 ex) querySelector or getElementByClassName

4. Event delegation(이벤트 위임)

• 이벤트 위임은 광범위하지 않게 적절하게 사용하기

5. 불필요한 코드는 없는지 코드를 더 줄일수 없는지 생각해보기

6. 함수의 이름은 함수의 기능이 예측가능하게 작성하기 & 하나의 기능만 수행하게 만들기

7. 함수의 인자는 함수에서 필요한것만 받아올것

 

8. HTML vs JavaScript

• HTML은 골격과 구조만 담당하는것이 좋다.
  • HTML에서 JavaScript에서 어떤 함수가 있는지 최대한 모르게 작성하는것이 좋다
  • ex) button onclick="click()"  [ x ]
• 비지니스 로직은 JavaScript에서 처리하는것이 좋다.
• 순수 HTML과 JavaScript만 사용할때는 UI적인 부분과 Code적인 부분을 구분하는것이 좋다.