매직 넘버에 이름 붙이기 | Frontend Fundamentals

[giscus[bot]]

매직 넘버에 이름 붙이기 | Frontend Fundamentals

변경하기 쉬운 프론트엔드 코드를 위한 지침서

https://frontend-fundamentals.com/code/examples/magic-number-readability.html

[withoutwax]

ANIMATION_DELAY_MS 를 function 밖에 작성해서 사용하는 경우도 너무 좋네요. 이런 경우 function이 호출 될때마다 선언하는 것이 아닌 밖에서 한번 밖에 호출이 되기 때문에 좋다고 알고있었는데 여기서 보니 반갑네요 ☺️

[REXIANN]

안녕하세요. 글 잘 읽었습니다.

한 가지 덧붙이고 싶은 것이 있는데요, 숫자 리터럴에 언더바(_)를 숫자구분기호(Numeric Separators) 로 사용해서 가독성을 더 높일 수 있는 스펙이 ECMAScript2021에 추가되어 있습니다.

Node v14.13.0 이상, Chrome 브라우저 기준 91버전 이상이니까 2021년 이후의 브라우저라면 대부분 사용가능한 스펙입니다. 가독성 항목인 만큼 같이 추가되면 좋을 것 같아 적어봅니다.

const ONE_MILLION = 1_000_000; // 1000000과 동일
const BINARY_TEN = 0b0000_1010; // 2진수에서도 사용 가능
const HEX_TEN = 0x00_00_0A; // 16진수에서도 사용 가능