Style Basics
className
JSX ๊ตฌ๋ฌธ์์ ํ๊ทธ์ class ๋ช ์ ์ถ๊ฐํ ๋ class' ๋์ 'className'์ ์ฌ์ฉํ๋ค.
jsx๊ตฌ๋ฌธ์ html๊ณผ ๋น์ทํด๋ณด์ด์ง๋ง ์ค์ ๋ก๋ js์ฝ๋์ด๋ค.
js์์ class
๋ ์ด๋ฏธ ํด๋์ค๋ฅผ ๋ง๋ค๊ธฐ ์ํ ์์ฝ์ด๋ก ์ฌ์ฉ๋๊ณ ์์ผ๋ฏ๋ก jsx์์ class
๋์ className
์ ์ฌ์ฉํ๋ค.
classNames
react์์ ์์ฃผ ์ฌ์ฉ๋๋ class ๋ช ๊ด๋ จ ์ ํธ๋ฆฌํฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
class ๋ช ์ ์กฐ๊ฑด๋ถ๋ก ์ถ๊ฐํ๊ฑฐ๋ ์ ๊ฑฐํ๋ ๋ฑ์ ์์ ์ ์ฝ๊ฒ ํด์ค
classNaems ํจ์๋ ๋ฌธ์์ด ๋๋ ๊ฐ์ฒด ํ์์ ์ฌ๋ฌ ์ธ์๋ฅผ ๋ฐ์ ์ ์๋ค.
๋ฌธ์์ด์ธ ๊ฒฝ์ฐ ํด๋์ค ๋ช ์ ๊ทธ๋๋ก ๋ฐํ
๊ฐ์ฒด๋ ํด๋์ค ๋ช ์ ์กฐ๊ฑด๋ถ๋ก ์ถ๊ฐํ๊ธฐ ์ํด ์ฌ์ฉ๋จ
key๊ฐ ํด๋์ค ๋ช ์ด ๋๊ณ , value๊ฐ truthy(์ฐธ๊ฐ์ ๊ฐ) ์ผ ๋๋ง ์ถ๊ฐ๋๋ค.
Install
Usage
Last updated