본문 바로가기
뉴렉처 과정 기록 (Frontend)/Javascript

04/14 Javascript 윈도우 기반의 이벤트 프로그래밍

by yeonee3219 2021. 4. 14.

confirm

yeonee3219.tistory.com/86

 

04/13 Javascript 윈도우 플랫폼을 이용한 대화(parseInt, alert, prompt, confirm)

저번시간엔 함수 생명주기와 클로저에 대해 알아봤다 플랫폼 과 api 언어 언어: 연산이나 절차를 만들기 위한 명령어들의 집합 플랫폼: 프로그램을 만들기 위한 도구들 api: 플랫폼을 이용하게 해

yeonee3219.tistory.com

 

 

www.youtube.com/watch?v=wuI-uPqZYtE&list=PLq8wAnVUcTFWhQrIXNN6kPYXJA6X2IQM4&index=19

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

자바스크립트를 위로 올려버리면 오류난다

 

 

 

왜? -> 사용하고자 하는 객체가 아직 읽혀지지 않았기 때문이다 (메모리에 안올라가있음)

 

 

 

 

 

 

on : 이벤트가 발생하면

click(마우스로 클릭함), mouseover(마우스가 위에 올라감) : 이벤트 이름

 

이벤트 속성에 대입되는 블럭도 자바스크립트가 사용될 수 있는 블럭이다

 

사용자 입력에 반영해서 실행되는 코드는 이벤트 기반으로 작성하면 되겠다

 

 

 

 

 

페이지가 열리자마자 실행  /  사용자가 이벤트를 발생시켰을 때 실행

 

 

 

클릭하면 클릭이 콘솔에 출력된다

 

 

 

 

이렇게 작성하는 것이 가능하긴 한데 가독성이 떨어지고 유지보수 하기도 힘들겠다

 

-> 스크립트 블럭을 적절하게 같이 이용하자

 

 

스크립트 블럭에서는 함수로 정의해서 함수호출하면 실행할 수 있도록 하자