리엑트를 처음 접하셨을 때 아래의 오류를 한번쯤은 보실껍니다.
warning: invalid dom property `class`. did you mean `className`?
![](https://i0.wp.com/blog.ifixcomputer.org/wp-content/uploads/2021/02/image-76.png?resize=555%2C170)
리엑트는 JSX의 문법을 사영하기 때문에 HTML 클래스를 사용하면 안됩니다.
JSX 문법은 단어 앞부분마다 대문자로 표기(카엘 표기법)합니다. (예 : className , colSpan 등)
리엑트에서 보이는 “class ” 태그를 className 으로 변경해 주면
![](https://i0.wp.com/blog.ifixcomputer.org/wp-content/uploads/2021/02/image-77.png?resize=720%2C213)
![](https://i0.wp.com/blog.ifixcomputer.org/wp-content/uploads/2021/02/image-78.png?resize=720%2C212)
![](https://i0.wp.com/blog.ifixcomputer.org/wp-content/uploads/2021/02/image-79-1024x60.png?resize=720%2C42)
사진과 같이 오류가 사라지는걸 볼 수 있습니다.