※ 이클립스 기반 주석이다. (java, javascript, xml) 프로그래밍에 있어서 주석은 매우 중요한 부분이기 때문에 주석에 대해 정리해보았다. 주석의 정의 내용을 이해하기 쉽게 메모를 하는 것 프로그래밍 소스를 이해하기 쉽게 메모를 하는 것 특정 소스를 비활성화 하는 것 ("주석처리 한다" 라고 이야기한다) 주석을 사용해야 하는 이유 1. 소스에 대한 메모 내가 개발한 소스를 함께 개발하는 팀원, 유지보수팀, 미래의 자신 등이 소스를 볼 때 이해하기 쉽게 도와주는 용도이다. 내가 상대방의 소스를 받아서 분석을 해야할 때 각 함수들이 어떠한 함수인지 알고 분석을 하면 분석할 때 좀 더 수월하지 않을까? 내가 개발한 소스라고 해도 시간이 지나서 다시 본다면 이해가 안되는 함수들이 많은 것을 경험할..

jQuery를 쓰는 이유 1. 자바스크립트보다 코드가 짧다. // JavaScript document.getElementsByClassName('greeting').innerHTML = '안녕'; // jQuery $('.greeting').html('안녕'); 자바스크립트와 제이쿼리 코드를 비교해 보시면 제이쿼리 코드가 훨씬 짧은걸 볼 수 있어요. 2. 자바스크립트로 못하는 것을 제이쿼리로 할 수 있다. 안녕하세요 안녕하세요 안녕하세요 버튼btn 버튼btn 위와 같이 동일한 class의 요소를 자바스크립트로 바꿔야 할 때 어떻게 해야될까요? ※ class 이름은 중복이 가능 / id 이름은 중복 불가능 document.getElementsByClassName('greeting')[0].innerHTML..

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..