JavaScript26 [JavaScript] Validity 유효성 검증 Validity 로그인 정보의 유효성 검증을 해보기 위하여 아래 3가지 방법을 수행하여 본다. 1. form 테그를 이용하여 로그인화면 구현 2. form 테그를 이용하면서 SPA와 같이 서버로 전송이 일어나지 않게 로그인화면 구현 3. form 테그를 쓰지 않고 SPA와 같이 서버로 전송이 일어나지 않게 로그인 화면 구현 form 테그를 이용하여 로그인화면 구현 화면 전환이 일어나기에 요즘 개발추세에는 맞지 않는 방법입니다. required 속성을 통하여 유효성 검증 이메일 비밀번호 로그인 태그의 required 속성 폼 데이터(form data)가 서버로 제출되기 전 반드시 채워져 있어야 하는 입력 필드를 명시합니다. required 속성이 제대로 동작하는 요소의 type 속성값은 다음과 같습니다.-.. 2022. 6. 8. [JavaScript] DOM 요소를 변경하는 방법 DOM요소를 변경하는 방법 Element.innerHTML 특정 DOM 요소 안에 HTML을 전부 새로운 HTML로 변경하고 싶을 때 서버로 부터 정보를 가져왔을때 그 정보를 이용하여 화면에 보여주는 코드 출신 지역은? Element.innerText 특정 DOM 요소 안에 TEXT를 전부 새로운 TEXT로 변경하고 싶을 때 Element.remove() Element.remove()메서드는 DOM에서 요소를 제거합니다 참고 기본 타이틀입니다. 2초후 변경됩니다. Element.insertAdjacentHTML() Element지정된 텍스트를 HTML 또는 XML로 구문 분석하고 결과 노드를 지정된 위치의 DOM 트리에 삽입합니다. insertAdjacentHTML(position, text) posit.. 2022. 6. 5. [JavaScript] DOM 이벤트 다루기 DOM 이벤트 Event 웹페이지에서 마우스를 클릭했을 때, 키를 입력했을 때, 특정요소에 포커스가 이동되었을 때 어떤 사건을 발생시키는 것 inline 이벤트 핸들러는 mdn에서 사용하지 마세요 라고 나옵니다. 참고 EventTarget.addEventListener() EventTarget 인터페이스의 addEventListener() 메서드는 지정한 유형의 이벤트를 대상이 수신할 때마다 호출할 함수를 설정합니다. addEventListener(type, listener); // 다른타입은 참고자료 참고하기 addEventListener(type, listener, options); addEventListener(type, listener, useCapture); type 수신할 이벤트 유형을 나타내.. 2022. 6. 4. [JavaScript] DOM 이벤트 버블링 DOM 이벤트 버블링(event bubbling) 이벤트가 발생한 노드에서 최상위 노으로 이벤트가 순차적으로 전파되는 것을 이벤트 버블링이라고 합니다. stopPropagation() 이벤트 버블링을 중지시키는 함수입니다. CSS HTML p태그를 클릭해도 상위 div에 할당된 이벤트가 실행됩니다. 이것을 버블링이라고 합니다. parentParentFunction() 함수 실행 parentFunction() 함수 실행 childFunction()함수 실행 2022. 6. 4. 이전 1 2 3 4 ··· 7 다음
