[FE] issue256: atomic css 방식을 css props에 적용하는 유틸 함수 생성

[airman5573]

요약

issue 256

close #256

[nan-noo]

utils/index.ts 파일에 추가해서 import하는 건 어떨까요?

[airman5573]

intellisense 가 @utils/tw 키워드를 인식하도록 설정되어 있어서 이게 필요합니다

[nan-noo]

@utils/tw가 해당 파일에 있어야지만 자동완성 인식이 되는 건가요??

[airman5573]

네 맞습니다

[nan-noo]

👍

[nan-noo]

Array.from({length: 101}, (_, i) => i);을 쓰는 것과 어떤 차이가 있나요?

[airman5573]

결과는 같은데 속도 차이가 있네요!

let now = performance.now();

for (let i = 0; i < 10000; i += 1) {
  const _ = Array.from({ length: 101 + i }, (_, i) => i);
}

console.log("Array.from", performance.now() - now);

now = performance.now();

for (let i = 0; i < 10000; i += 1) {
  const _ = [...Array(101 + i).keys()];
}

console.log("[...keys]", performance.now() - now);

Array.from 1569.2020409107208
[...keys] 870.6262919902802 // 2배 빠름!

Array.from은 callback 함수를 계속 실행하니까, call stack에 쌓여서 시간이 더 오래 걸리는게 아닐까 생각이 듭니다 :D