읽고실천하기 프로젝트.js

1월의 읽고 실천할 글 💡

: 나쁜 자바스크립트 작성 습관과 작별하기

위 글은 javascript 를 사용하는 개발자가 지양해야할 습관들을 정리했다. 나는 그 반대로 지향해야할 습관들로 바꿔서 정리해봤다.

1. var 대신 let, const 사용하기

• 범위가 분명해진다.
• 전역 객체를 생성하지 않는다.
• 동일 변수명을 다시 선얼할때 오류를 표시한다.

2. 주석은 최소한으로 사용하기

• 왜 하는지에 대한 주석을 작성하기
• 장황한 주석보단 함수 / 변수 /클래스 이름으로 설명하는게 낫다.
• 주석 언어 사용에는 일관성을 유지하기
• 수정하지 않을 주석을 작성하기

3. '==' 대신 '===' 를 사용하기

• == 는 일반 항등 연산자 (피연산자가 유사한지 여부만 확인)
• === 는 완전 항등 연산자 (피연산자의 값과 타입까지 비교)

4. 옵셔널 체이닝을 사용하기

?. 를 사용하면 해당 객체의 모든 레퍼런스를 확인하지 않아도 객체 체인의 깊숙한 곳에 있는 속성값을 확인할수있다. 이는 존재하지 않는 속성값에 접근하려고 할때 오류를 방지해준다.

?.은 ?.'앞’의 평가 대상이 undefined나 null이면 평가를 멈추고 undefined를 반환한다.

let user = {}; // 주소 정보가 없는 사용자

alert( user?.address?.street ); // undefined, 에러 안남

주의할점 👀

사용자 주소를 다루는 위 예시에서 논리상 user는 반드시 있어야 하는데 address는 필수값이 아니므로 user.address?.street를 사용하는 것이 바람직하다.
= ?. 는 존재하지 않아도 괜찮은 대상에만 사용해야 한다.

alert( user.address?.street );// undefined

5. 매직 넘버와 매직 스트링 사용하기

매직넘버와 매직스트링은 명확한 컨텐츠는 없지만 목적이 있는 값을 할당한 상수이다.
코드 간략화와 이해를 쉽게 해준다.

const MIN_PASSWORD_SIZE = 8
const PASSWORD_ERROR_MSG = '잘못된 비밀번호입니다.'

6. API 호출 오류에 대한 적절한 처리 하기

디버그 폭발을 막기위해 async/await 안에서의 try/catch 를 잊지말자🔥

7. 단일 객체보단 여러객체의 매게변수를 사용하기

• 함수에 필요한 매게변수를 정확히 명시할수록 코드를 읽는게 쉬워짐
• 이는 함수를 테스트하기 쉽게 만들어주고 가비지콜렉팅 혹은 불필요한 객체 매개변수 생성을 발지함
• 타입스크립트를 사용할경우에 더 유용함(유형 검사 및 타입 자동추천)

8. 약어를 사용하기

x!=="" && x!==null && x!==undifined

위 코드의 약어이다.

!!x

2023 목표 ☀️

명확하고 간단하고 이해하기 쉬운 코드 만들기