Tip. 의견 중복하지 않기. 무슨 일을 하는지 쓰지 말고, "왜" 하는지에 대해 작성
함수 / 변수 / 클래스 이름으로 설명하는 것이 장황한 주석보다 낫다.
최대한 많이 요약하기. 꼭 필요한 경우가 아니라면 문단 단위로 작성하지 않기.
주석 언어 사용에 대해 항상 일관성을 유지할 것.
시간이 지나도 주석은 수정되지 않아야 함.
?
을 사용하지 않는 것?
를 사용하면, 해당 객체의 모든 레퍼런스를 확인하지 않아도 객체 체인의 깊숙한 곳에 있는 속성값을 확인할 수 있다. ?
를 사용한다면 자바스크립트는 에러를 생성하지 않지만, 해당 프로퍼티가 정의되지 않았음을 알려준다.?
의 반대는 !
이다.매직 넘버 또는 매직 스트링은 코드에서 직접 사용되는 숫자 또는 문자열로, 명확한 컨텍스트는 없지만 목적이 있다.
상수에 이러한 값을 할당하는 것이 가장 좋다. 그렇지 않으면 이해하고 디버그하기가 어려워 질 수 있다.
즉, 메모리 아끼겠다고 상수를 그냥 집어 넣는 것이 아닌, 위 2번 철직 주석을 사용하는 것과 마찬가지로 매직 넘버, 매직 스트링으로써 코드를 설명해주는 부가 효과도 가질 수 있다는 것이다.
우리는 언제나 async/await 안에서 try/catch를 사용하여 에러를 처리해야 한다.
만일 이 규칙을 지키지 않는다면, 프로그램(앱)이 폭발할 가능성이 매우 높다.
사실 이 부분도 vuex를 사용하여 온갖 데이터를 state화 하여 관리하고 수많은 API를 작성하다 보면 빼먹을 수 있지만 앞으론 더 꼼꼼히 신경써야겠다.
const someMethods = (object) => {
console.log(object.property1) // hello
console.log(object.property2) // world!
}
가 아닌
const someMethods = (변수1, 변수2) => {
console.log(변수1) // hello
console.log(변수2) // world!
}
객체에서 여러 속성값이 필요한 함수를 정의할 때, 객체를 사용하는 것보다 여러 매개 변수를 사용하는 것이 좋다.
이는 다음과 같은 몇 가지 사항에 도움이 된다.
만약 타입스크립트를 사용하면서 여러 개의 매개변수가 있는 경우, 매개변수의 인터페이스를 정의하기가 더 쉽기 때문에, 타입을 확인하고 오류를 방지하는 유형 검사 및 자동 추천의 이점을 누릴 수 있다.
즉, IDE로 하여금 자동완성의 이점을 확보할 수 있다는 뜻이다.
if(변수!==null||변수!==undefined){
로직
}
이 아닌
if(!!변수){
로직
}
을 사용하란 뜻이다