css modules (1) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ CSS Modules ํด๋์ค๋ช ๋ฃ๋ ๋ฒ Today I learned ์นดํ ๊ณ ๋ฆฌ์ ์๊ธด ํ์ง๋ง Today์ ๋ฐฐ์ด๊ฑด ์๋๊ณ ... Next.js ๊ด๋ จ ํํ ๋ฆฌ์ผ๋ณด๋ค๊ฐ ์์ ์ ๊ณ ๋ฏผํ๊ณ ์ฐพ์๋ดค๋ ๋ถ๋ถ์ด ์๊ฐ๋์ ์ผ๋ฅธ ๊ธ๋ก ๋จ๊ฒจ๋ณธ๋ค. ์ง๋ ์ฌ์ด๋ ํ๋ก์ ํธ ๋ CSS Modules๋ฅผ ์ฌ์ฉํ๋๋ฐ ํด๋์ค ๋ช ์ ์ฌ๋ฌ ๊ฐ ๋ฃ๋ ๊ฒ๊ณผ ๊ด๋ จํ์ฌ ์ฐพ์๋ณธ ์ ์ด ์์๋ค. (๊ธฐ์กด์ ์์ฑํ๋ ์ฝ๋์์ ๋ณด๊ณ ์ฌ๋ฆฌ๋ ๊ฒ์ด๊ธฐ ๋๋ฌธ์ ๋ ์ ํํ ๋ฐฉ๋ฒ์ ๋ํด์๋ ๋ฌธ์๋ฅผ ์ฐพ์๋ณด๊ฑฐ๋ ์ถ๊ฐ์ ์ผ๋ก ๊ฒ์ํด๋ณด๋ ๊ฒ์ ๊ถํด๋๋ฆฝ๋๋ค. ) 1. ํด๋์ค ๋ช ์ด ํ๋ ์ผ ๋ - style.className ๋ฐฉ์ - style['class-name'] ๋ฐฉ์ 2. ํด๋์ค ๋ช ์ด ๋๊ฐ ์ด์์ผ ๋ - {`${style.className1} ${style.className2}`} / {`${style['class-n.. ์ด์ 1 ๋ค์