power-girl0-0

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) 웹브라우저의 구성요소들은 각각 기본적인 동작 방법을 가지고 있다. 텍스트 필드에 포커스를 준 상태에서 키보드를 입력하면 텍스트가 입력된다. 폼에서 submit 버튼을 누르면 데이터가 전송된다. a 태그를 클릭하면 href 속성의 URL로 이동한다. 이러한 기본적인 동작들을 기본 이벤트라고 하는데 사용자가 만든 이벤트를 이용해서 이러한 기본 동작을 취소할 수 있다. inline 이벤트의 리턴값이 false이면 기본 동작이 취소된다. 아래 코드는 기본 동작을 막으려면 체크박스..

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) inline ( 인라인 방식 ) 인라인 방식은 이벤트를 이벤트 대상의 태그 속성으로 지정하는 것이다. 아래 예제는, 버튼을 클릭했을 때 Hello world를 경고창으로 출력한다. 이벤트가 발생한 대상을 필요로하는 경우 this를 통해서 자기 자신을 참조할 수 있다. 위 코드에서 2줄의 document.getElementByID('target').value는 this.value라고 작성해도 같은 결과값이 출력된다. 왜냐하면, document.getElementByID('t..

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) 웹페이지를 제어하기 위해서는 JavaScript를 로드해야 한다. inline inline은 태그에 직접 자바스크립트를 기술하는 방식이다. 태그에 연관된 스크립트가 분명하게 드러난다는 것이 장점이다. 위 소스와 같이 정보 역할을 하는 html과 제어 역할을 하는 Javascript가 섞여 있어서 정보로서의 가치는 떨어진다. 이를 해결할 수 있는 방법은 스크립트 태그를 사용하는 것이다. script 태그 태그를 만들어서 여기에 자바스크립트 코드를 삽입하는 방식이다. 해당 태..