power-girl0-0

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) 웹페이지를 프로그래밍적으로 제어하기 위해서는 웹페이지의 모든 요소에 대한 처리가 끝나야 한다. 이것을 알려주는 이벤트가 load, DOMContentLoaded이다. 아래 코드의 실행결과는 null이다. Hello가 로딩되기 전에 자바스크립트가 실행되었기 때문이다. Hello 이를 해결하려면 아래와 같이, 스크립트를 문서 끝에 위치시켜야 한다. Hello 또 다른 방법은 load 이벤트를 이용하는 것이다. Hello 그런데 load 이벤트는 문서내의 모든 리소스(이미지, ..

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) Form과 관련된 이벤트 타입에 대해서 알아보자. 이것은 주로 사용자의 입력값이 유효한지에 대해서 많이 사용된다. submit submit은 폼의 정보를 서버로 전송하는 명령인 submit시에 일어난다. 아래 예제는 전송 전에 텍스트 필드에 값이 입력 되었는지를 확인한다. 만약 값이 입력되지 않았다면 전송을 중단하는 코드이다. name 아래 구문은 전송을 취소하는 명령이다. 이것을 이용하여, 값이 없으면 전송되지 않도록 설정한 것이다. event.preventDefault..