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

JavaScript (Parameter) function() 함수를 업그레이드 시킬 수 있는 바로 파라미터(parameter)입니다. 함수의 파라미터를 이해를 돕기 위해 "구멍"이라고 이야기를 하겠습니다. 앞서 사용했던 html을 parameter.html로 복사하여서 사용하였습니다. Alert 박스 닫기 버튼 위에 코드를 보시면 Alert 박스를 열고 닫기 위해 자바스크립트 함수를 두 개를 작성하였습니다. 여기에서 파라미터(parameter)를 사용하면 한 줄로 Alert 박스를 열고 닫을 수 있습니다. 파라미터(parameter) 사용하는 방법 1. 함수를 만든다 2. 데이터를 넣어줄 부분에 구멍을 만들어 준다 구멍은 여러개 사용할 수 있으며 콤마로 구별을 지어주면 됩니다. 예) alertOpen(구..

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