반응형 HTML4 [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. 마크업 올바르게 사용하기 (O) 스타일링 속성은 CSS로 작성해 주세요. (O) style 요소를 사용해도, CSS 파일을 따로 작성해도 괜찮습니다. (X) 이렇게 인라인 스타일링으로는 사용하지 마세요. //CSS 파일 h2 { color : "yellow" } 2023. 4. 26. [JavaScript] addEventListener, 이벤트 종류 Event DOM에서 발생하는 이벤트를 나타내며, 마우스를 클릭하거나 키보드를 누르는 것과 같이 사용자의 액션에 의해 발생할 수도 있고, 비동기적 작업의 진행을 나타내기 위해서 API들이 생성할 수도 있다. addEventListener 지정한 유형의 이벤트를 대상이 수신할 때마다 호출할 함수를 설정한다. addEventListener(type, listener); type : 수신할 이벤트 종류 (대소문자 구분 문자열) listener : handleEvent() 메서드를 포함하는 객체 또는 JavaScript 함수 예시 보기 이벤트 종류 구분 이벤트명 설명 Mouse envents click 마우스 버튼을 클릭했을 때 dblclick 마우스 버튼을 더블 클릭했을 때 mousedown 마우스 버튼을 누.. 2023. 3. 11. [HTML] 시맨틱 요소의 종류 시멘틱 요소 설명 일반적으로 페이지나 해당 섹션의 가장 윗부분에 위치하며, 사이트의 제목이 보통 들어감. 선택적으로 상단바나 검색창 등이 안에 들어갈 수 있음 내비게이션(navigation)의 약자로, 일반적으로 상단바 등 사이트를 안내하는 요소에 사용. 보통은 안에 을 넣어 목록 형태로 사용 문서의 주된 콘텐츠를 표시 섹션(section)이란 제목을 가지고 있으며, HTML 문서의 전체적인 내용과 관련이 있는 콘텐츠들의 집합을 의미 (ex. 소개, 뉴스 항목, 연락처 정보 등) 문서의 전체적인 내용과는 별도의 독립적인 내용이 들어갈 때 사용, 재사용 가능 (ex. 신문 기사, 제품 카드, 블로그 게시글 등) 본문의 주요 부분을 표시하고 남은 부분을 설명하는 요소, 특별한 일이 아니면 사이드바나 광고창 .. 2023. 2. 19. 이전 1 다음 반응형
