🚧[DOM] Input elements should have autocomplete attributes (suggested: "current-password"):🚧

❗ 문제 내용

form 태그 워닝을 해결했더니 나타난 워닝 😮 input 요소는 autocomplete 속성을 가져야 하고, "current-password" 를 추천한다는 메시지가 나와 있다!
찾아보니까 크롬 브라우저가 아니면 해당 문제는 발생하지 않으며, 크롬에서는 모든 비밀번호와 form data 를 자동 저장 및 자동 완성 하려고 하기 때문에, 웹 개발자에게 브라우저에 더 편리한 양식 요소 범위를 준수하라고 권고해서 위와 같은 워닝이 뜨는 거라고 한다...!

🛠 문제 해결

autocomplete 는 사용자가 이전에 입력했던 것을 참고하여 자동완성을 시켜줄지 여부를 결정하는 속성으로, 나 같은 경우에는 그냥 off로 설정해 줬다.

<input type='password' 
	name='input_pw' 
	value={inputPw}
	autoComplete="off" 
	onChange={handleInputPw} />

이렇게 해주면 워닝은 사라진다 0.<

🙇‍♂️ 참고자료

[TIL] input tag [DOM]Password field is not contained in a form