JavaScript (EventListener) Alert 박스 X 버튼1 버튼2 Parameter 포스팅에서 작성했던 코드입니다. 코드를 보시면 JavaScript 코드가 HTML에도 있어서 정리가 필요해 보여요. onclick과 같은 기능을 가지고 있으면서 HTML을 깔끔하게 정리해줄 수 있는 문법이 있어요. EventListener 문법이 우리의 HTML을 정리해줄 수 있는 문법이예요. EventListener : 이벤트를 듣는 자 어떠한 이벤트가 발생 했는지 확인을 하여 원하는 기능을 호출하는 것 입니다. Event, 이벤트 : 특정 행동 / 우리가 웹페이지에서 행하는 행동 click(클릭), mouseover(마우스오버), scroll(스크롤) 등과 같이 웹 페이지에서 이루어지는 행동을 이벤트라..

JavaScript (Function) 이번 포스팅에서는 function에 대해서 짧고 굵게 알아보겠습니다. 앞서 Alert에서 사용했던 코드를 활용해보겠습니다. Alert 박스 닫기 버튼 onclick 안에 작성된 코드를 보면 너무 길어 보입니다. 이렇게 긴 코드를 줄이기 위해 사용하는 기능이 function 입니다. function : 긴 코드를 깔끔하게 한 단어로 축약해서 사용하게 해주는 기능입니다. function 문법 function 아무렇게나작명(){ 긴 코드~~~ 긴 코드~~~ } '아무렇게나작명()'만 사용하여서 긴 코드를 불러와서 실행시킬 수 있습니다 그러면 Alert의 열기 버튼을 function을 사용하여 구현해보겠습니다. Alert 박스 닫기 버튼 길었던 코드 document.get..