이벤트

    [C#] 인터페이스(Interface)와 상속(Inheriting) - 1. 메서드(Method)와 이벤트(Event)

    1. 메서드(Method) 메서드에 관한 기본적인 내용은 아래 글에서도 다루고 있으니 참고 바랍니다. [.NET/C#] - [C#] C#과 OOP(Object-Oriented Programming) 클래스(Class) 안에서는 메서드를 통해 특정 기능을 구현하게 되는데 종종 비슷한 기능을 인스턴스화 된 객체와 Type에서 각각 수행될 수 있도록 2중으로 구현하는 경우가 있습니다. 예를 들어 .NET string에 보면 Type에서 호출될 수 있는 Compare() 메서드와 인스턴스 객체에서 호출될 수 있는 CompareTo() 메서드가 있는데 이 둘은 비교를 수행한다는 점에서 비슷한 동작을 수행하며 해당 Type을 사용하는 개발자는 편의성을 고려해 이 둘의 메서드를 선택적으로 사용할 수 있게 됩니다. T..

    [C#] 대리자와 이벤트

    [C#] 대리자와 이벤트

    1. 대리자 (델리게이트) 만약 아래와 같이 숫자를 계산해 주는 메서드가 존재할 때 class Cal { public int Sum(int i, int j) { return i + j; } } 이 메서드를 호출해 계산을 수행하려면 다음과 같이 메서드를 호출할 수 있습니다. class Program { static void Main(string[] args) { Cal c = new Cal(); WriteLine(c.Sum(100, 200)); } } 에제에서 메서드를 호출하기 위해 c.Sum(100, 200)처럼 하였는데 이렇게 직접적으로 메서드를 호출하는 것이 아니라 다른 매개체를 통해서 필요한 메서드를 대신 호출할 수도 있는데 이때 사용되는 매개체를 '대리자'라고 합니다. 즉, 대리자를 통해서 다른 ..

    [jQuery] 이벤트 다루기

    [jQuery] 이벤트 다루기

    1. 이벤트 이벤트는 '사건'을 의미합니다. 요소를 클릭하는 경우에는 클릭이라는 행위 자체를 하나의 이벤트라고 볼 수 있으며 ready와 같은 경우에도 문서가 준비됨을 알리는 이벤트라고 할 수 있습니다. 2. 이벤트 연결 jQuery에서 이벤트를 연결하는데 사용되는 메서드로 on이 있습니다. 이벤트를 연결하는 기본적인 메서드입니다. 아래 예제에서는 요소를 클릭했을 때 이벤트를 연결하는 과정을 보여주고 있습니다. 클릭 문자열 이외에 객체를 통한 이벤트 연결도 가능합니다. $(function () { $('span').on({ click: function() { alert($(this).text()); } }) }); 위 예제의 경우 this키워드가 사용되었는데 바로 이벤트를 발생시킨 요소를 의미합니다. t..

    [javascript] 이벤트 처리

    [javascript] 이벤트 처리

    이벤트는 사용자의 특정 행위나 문서 안에서 발생하는 각종 변화를 말합니다. 버튼을 누르고 input박스에 입력하는 등 상호작용에 필요한 모든 동작은 물론 아래 예제와 같이 문서의 로드가 완료되는 것도 하나의 이벤트에 해당합니다. 위 예제는 window객체에서 문서의 로드완료를 알리는 onload라는 이벤트 속성에 function이라는 이벤트 리스너(또는 이벤트 핸들러) 메서드를 연결한 것입니다. 이 외에 특정 요소에 다음과 같이 임의의 메서드를 이벤트에 연결할 수도 있습니다. 예제는 span요소의 클릭이벤트(onclick 속성)에 span_msg라는 메서드를 연결한 것입니다. 물론 요소는 클릭 이외에도 다른 다양한 이벤트를 연결할 수 있습니다. cliel.com 위와 같이 javascript를 통해 이벤..