[๋ฆฌ์กํธ]Invalid DOM property class. Did you mean className?
JSX๋ ์๋ฐ์คํฌ๋ฆฝํธ์ ์ผ๋ถ์ด๋ฏ๋ก class๋ผ๋ ํค์๋๋ฅผ ์ฌ์ฉํ๋ฉด ์ด๋ฏธ ์กด์ฌํ๋ class ๋ฌธ๋ฒ๊ณผ ์ค๋ณต๋ฉ๋๋ค.
๋ฐ๋ผ์ HTML ํ๊ทธ์ ํด๋์ค๋ช ์ ์ง์ด์ค ๋๋ className์ผ๋ก ์์ฑํด์ผ ํฉ๋๋ค.
[React] JSX์ค๋ฅํด๊ฒฐ - Warning: Invalid DOM property `class`. Did you mean `className`?
React๋ฅผ ํ์ฉํ ๊ฐ๋ฐ์ ์งํํ๋ฉด์ JSX๋ javaScript์ด๋ฏ๋ก class์ ๋ค๋ฅธ ์๋ฏธ๊ฐ ์์ต๋๋ค. ๋ฌด๋ฃํ ํ๋ฆฟ์ด๋ ํผ๋ธ๋ฆฌ์ฑ ์์ ์ ์ ๋ฌ๋ฐ์์ ๋ JSX์์ class์ ์ค๋ฅ๋ฅผ ๋ณด๊ฒ๋ ์ ์์ต๋๋ค. HTML ํ๊ทธ ์์ฑ์
mandlife.tistory.com
App.js๋ฅผ ํ์ธํด๋ณด๋, ์ ๊ฐ Bootstrap์์ ์ฌ์ฉํ NavBar์ ํ๊ทธ๊ฐ class๋ก ์์ฑ๋์๋ค๋ ๊ฒ์ ํ์ธํ์ต๋๋ค.
Bootstrap ์ฌ์ดํธ์์ ํ์ธํด ๋ณธ ๊ฒฐ๊ณผ, ๊ฑฐ์ ๋๋ถ๋ถ์ UI๋ค์ด class๋ก ๋์ด ์์์ต๋๋ค.
๋ฐ๋ผ์ JSX์ ๋ฐ๋ผ ์ ์ฉํ ๋๋ class๋ฅผ className์ผ๋ก ๋ฐ๊พธ์ด์ฃผ์ด์ผ ํ ๊ฒ ๊ฐ์ต๋๋ค.