클린 코드 룰북

변수 이름

의미가 있는 변수 이름:

Wrong

let x = priceValidation(0);

Right

let isPriceValid = priceValidation(0);

단수 및 복수

Wrong

let person = ['John', 'Mary', 'Luke'];
let persons = 'Adam';

Right

let persons = ['John', 'Mary', 'Luke'];
let person = 'Adam';

함수는 동사입니다

Wrong

const total = (a, b) => a + b;

Right

const calcTotal = (a, b) => a + b;

될 것인가 말 것인가...

Wrong

const greenColor = ( color === 'green');

Right

const isGreenColor = ( color === 'green');

WTH는 273.15입니다.

Wrong

const kelvinDegrees = 24 + 273.15;

Right

const celsiusDegrees = 24;
const kelvinScale = 273.5;
const kelvinDegrees = celsiusDegrees + kelvinScale;

풀네임으로 불러주세요.

Wrong

const names = [ 'John Smith', 'Mary Smith', 'Luke Smith' ];
const namesWithLastNameSmith = names.filter ( (x) => { 
//code ...
});

Right

const names = [ 'John Smith', 'Mary Smith', 'Luke Smith' ];
const namesWithLastNameSmith = names.filter ( (name) => { 
//code ...
});

오류, 경고 및 정보.

뭔가 잘못?

Wrong

const isOver18YearsOld = age > 17;
if( isOver18YearsOld ) {
  showMessage('Is Something wrong :(';
}

Right

const isOver18YearsOld = age > 17;
if( isOver18YearsOld ) {
  showMessage('Sorry, You must be over 18 years old.';
}

프로덕션에서 디버깅:O

Wrong

throw new Error(‘Unexpected Error’);

Right

throw new Error(‘someFile.js:someFunction: undefined value in variable’);