[TECH-QA] Lodash compact ν•¨μˆ˜

compact ν•¨μˆ˜λŠ” λ°°μ—΄μ—μ„œ falsy κ°’(null, undefined, false, 0, '', NaN λ“±)을 μ œκ±°ν•˜μ—¬ μœ νš¨ν•œ 객체만 ν¬ν•¨ν•˜λŠ” μƒˆλ‘œμš΄ 배열을 λ°˜ν™˜ν•˜λŠ” μœ ν‹Έλ¦¬ν‹° ν•¨μˆ˜μž…λ‹ˆλ‹€. μ΄λŠ” 배열을 μ •λ¦¬ν•˜κ±°λ‚˜ 필터링할 λ•Œ μ‚¬μš©λ©λ‹ˆλ‹€.

[TECH-QA] ES6+μ—μ„œ _.omit, _.pick, 객체 λ””μŠ€νŠΈλŸ­μ²˜λ§(...rest)

odashμ—μ„œ _.omitκ³Ό _.pick은 κ°μ²΄μ—μ„œ νŠΉμ • 속성을 필터링할 λ•Œ μ‚¬μš©ν•˜λŠ” μœ ν‹Έλ¦¬ν‹° ν•¨μˆ˜λ‘œ, λΉ„μŠ·ν•œ λͺ©μ μ„ κ°€μ§€μ§€λ§Œ λ™μž‘ 방식이 λ°˜λŒ€μž…λ‹ˆλ‹€. μ•„λž˜μ— 차이점을 κ°„λ‹¨νžˆ μ„€λͺ…ν•©λ‹ˆλ‹€.

[TECH-QA] class-variance-authority 라이브러리

CVAλŠ” JavaScript/TypeScript 기반의 μ˜€ν”ˆμ†ŒμŠ€ 라이브러리둜, CSS 클래슀 이름을 쑰건에 따라 μ²΄κ³„μ μœΌλ‘œ κ΄€λ¦¬ν•˜κ³  μ»΄ν¬λ„ŒνŠΈμ˜ λ‹€μ–‘ν•œ μŠ€νƒ€μΌ λ³€ν˜•(variants)을 μ‰½κ²Œ μ •μ˜ν•  수 μžˆλ„λ‘ λ„μ™€μ€λ‹ˆλ‹€. 특히 Tailwind CSS와 같은 μœ ν‹Έλ¦¬ν‹° 퍼슀트 CSS ν”„λ ˆμž„μ›Œν¬μ™€ ν•¨κ»˜ μ‚¬μš©λ  λ•Œ μœ μš©ν•˜λ©°, React, Vue, Angular λ“± λ‹€μ–‘ν•œ ν”„λ ˆμž„μ›Œν¬μ™€ ν˜Έν™˜λ©λ‹ˆλ‹€.

[TECH-QA] Reactμ—μ„œ SVG μ•„μ΄μ½˜ 닀루기: μ‹€μš©μ μΈ μ˜ˆμ œμ™€ 팁

Reactμ—μ„œ refλ₯Ό λΆ€λͺ¨ μ»΄ν¬λ„ŒνŠΈμ—μ„œ μƒμ„±ν•˜μ—¬ μžμ‹ μ»΄ν¬λ„ŒνŠΈ(예: _Icon)에 μ „λ‹¬ν•˜κ³ , 이λ₯Ό 톡해 SVG와 같은 DOM μš”μ†Œμ— 직접 μ ‘κ·Όν•˜λŠ” μ΄μœ μ™€ μš©λ„λ₯Ό κ°„λ‹¨νžˆ μ„€λͺ…ν•˜κ² μŠ΅λ‹ˆλ‹€.