clean-code-javascript
변수
-
의미있고 발음이 쉬운 변수
-
이해가 필요한 값은 변수로 등록
-
86400000->MILLISECONDS_IN_A_DAY 변수로 등록
-
-
의도를 나타내는 변수 사용
-
나만 알아볼 수 있는 작명하지말 것
-
반복문의 n, l, k 등..
-
-
객체 키 값에 중복되는(필요없는) 네이밍 사용 금지
-
car = { carMake : '' };
-
-
매개변수 기본 값 등록
함수
-
2개 이하의 인자 값
-
많아 질 경우 객체로 매개변수 전달하여 명확하게
-
-
함수는 하나의 행동만
-
매개변수를 조건 플래그로 사용하지 말 것
-
-
함수명만으로 행동을 알 수 있도록
-
중복코드, 안쓰는 코드 주의
-
object는 assign으로 기본 객체를 생성해 처리
-
사이드 이펙트 주의
-
전역 변수 주의 수정이 필요할 경우 새로운 변수로 생성
-
전역 함수 사용 금지
-
객체 수정 시 새로운 객체로 만들어 리턴
-
-
함수형 프로그래밍 지향
-
조건문 캡슐화
-
부정 조건문 사용 지양
조건문을 되도록 피하라
-
일관성있는 API
-
타입이 필요하면 타입스크립트
-
과도한 최적화 금지
객체, 자료구조
-
getter, setter 사용
-
private
-
프로토타입보단 클래스 사용
-
메소드 체이닝
-
return this
-
-
상속보다는 조합
-
상속 시 같은 타입인지, 상속이 맞는지 체크
-
-
단일책임원칙
-
개방/폐쇄 원칙
-
리스코프 치환 원칙
-
인터페이스 분리 원칙
-
의존성 역전 원칙
-
테스트
-
동시성
-
callback 지양, promise
-
es2017/es8에서는 async와 await
-
-
에러처리, 단순히 log를 찍지 말고 처리를 해라(promise도 마찬가지)
-
포맷(일관된 컨벤션)
-
함수 호출자, 피호출자는 가깝게
-
책 읽듯 흐름에 따라
-
주석
-
로직이 복잡한 곳만 사용
-
주석으로 버전관리하지말 것
-
주석으로 된 코드 삭제
-
코드 위치 설명하지 말 것
-
===============액션 영역==============
-
원본
'아티클' 카테고리의 다른 글
[아티클 프로젝트 019] react-testing-library 를 사용하여 TDD 개발 흐름으로 투두리스트 만들기 / 비동기적으로 바뀌는 컴포넌트 UI 테스트 (0) | 2020.08.05 |
---|---|
[아티클 프로젝트 018] react-testing-library 를 사용한 리액트 컴포넌트 테스트 (0) | 2020.08.04 |
[아티클 프로젝트 016] TDD의 소개 (0) | 2020.07.31 |
[아티클 프로젝트 015] 자바스크립트-테스팅의-기초 (0) | 2020.07.30 |
[아티클 프로젝트 012] 우린 Git-flow를 사용하고 있어요 (0) | 2020.07.27 |
[아티클 프로젝트 0010] 프론트에서 안전하게 로그인 처리하기 (0) | 2020.07.24 |
[아티클 프로젝트 009] shadowDOM (0) | 2020.07.23 |
[아티클 프로젝트 008] 클린봇 2.0: 문맥을 이해하는 악성 댓글(단문) 탐지 AI (0) | 2020.07.22 |