반응형 HTML5 [DOM] Input elements should have autocomplete attributes (suggested: "new-password") 목차 1. Input elements should have autocomplete attributes (suggested: "new-password") 프로젝트 진행 중 회원가입을 구현하는 중에 위와 같이 자동 완성 속성이 있어야한다는 경고가 콘솔창에서 확인되었다. 😕 2. 자동 완성 속성 자동 완성 속성은 비밀번호 관리자가 양식에 있는 필드의 목적을 유추하여 실수로 잘못된 데이터를 저장하거나 자동 채우는 일을 방지하는 데 도움이 됩니다. 3. 코드 수정 autoComplete="off" - 브라우저가 이 필드에 값을 자동으로 넣는 것을 금지 - 문서나 애플리케이션이 자신만의 자동완성 기능을 구현하거나, 보안상 문제로 자동완성을 사용하지 않아야 할 경우 지정할 수 있음 autoComplete="new-p.. 2023. 8. 13. [DOM] Password field is not contained in a form 목차 1. [DOM] Password field is not contained in a form 프로젝트 진행 중 회원가입을 구현하는 중에 위와 같이 input form 태그 안에 없다는 경고가 콘솔창에서 확인되었다. 위 경고를 해결한 뒤 아래 경고가 나왔다. 아래 경고 해결법은 링크를 참고하자! 2023.08.13 - [HTML] - [DOM] Input elements should have autocomplete attributes (suggested: "new-password") 원인 : input form 태그 안에 없음 [DOM] Password field is not contained in a form 2. 코드 수정 React + styled-components로 프로젝트를 진행 중이었다. .. 2023. 8. 13. 마크업 올바르게 사용하기 (O) 스타일링 속성은 CSS로 작성해 주세요. (O) style 요소를 사용해도, CSS 파일을 따로 작성해도 괜찮습니다. (X) 이렇게 인라인 스타일링으로는 사용하지 마세요. //CSS 파일 h2 { color : "yellow" } 2023. 4. 26. 웹 표준 웹 표준의 개념과 등장 배경 웹 표준 W3C(World Wide Web Consortium)에서 권고하는 ‘웹에서 표준적으로 사용되는 기술이나 규칙’ 사용자의 운영체제나 브라우저가 달라도 웹페이지가 동일하게 보이고 정상적으로 작성할 수 있는 웹 페이지 제작 기법 웹 : 문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할 수 있는 공간 웹 표준의 장점 유지 보수가 용이하다. 웹 표준으로 제작하기 이전에는 구조, 표현, 동작이 뒤섞인 코드가 많았다 → 한 곳을 수정하려면 전부 수정해야 하는 경우도 있었다. 하지만, 각 영역이 분리되고 유지 보수가 용이해지면서, 코드가 경량화 되고 트래픽 비용이 감소했다. 웹 호환성 확보 웹 사이트가 특정 운영체제나 브라우저에 종속적이라면 그 외 환경에서는 정상적으로.. 2023. 4. 26. 이전 1 2 다음 반응형
