[리액트 에러 React Error] Invalid DOM property `for`. Did you mean `htmlFor`?

안녕하세요.
디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다.

이번 포스팅에서는 리액트로 개발할 때 만날 수 있는
[Invalid DOM property `for`. Did you mean `htmlFor`?] 에러의 해결 방법에 대해 공유하겠습니다.

이러한 에러가 발생하는 이유는
JSX는 javascript로 만들어진 구조로, for은 '반복문'을 나타내기 때문에 발생한 에러입니다.
아래의 코드를 보고 for를 htmlFor로 수정하여 에러를 해결하세요.

<label for="">수정전</label>
<label htmlFor="">수정후</label>