* 개요

Java, C++ 등의 언어로 개발을 할때 가장 중요하게 여겨지는것은 객체지향적인 개발 방법이며 객체 지향적인 개발을 했을경우 직관적인 모델의 이해와 코드의 재사용이 가장 큰 장점이 됩니다.

다만 자바스크립트와 같은 스크립트 언어를 사용하는 경우 이런 객체지향적인 코딩이 많이 어려워 직접적인 탑-다운 코딩을 많이 하게 되는데 어플리케이션에서 어떻게 하면 요율적인 객체지향적 코딩이 가능한지 알아보도록 하겠습니다.(자바스크립트도 사용자 객체를 생성하여 객체지향 코딩을 하는것이 가능은 하지만 일단 여기서는 이부분은 포함시키지 않도록 하겠습니다.)

* 상세 설명

우선 객체지향적인 모델이라고 해서 유즈케이스를 토대로 모델을 하는것은 아닙니다. 다만 그리드, 버튼 등의 분산배치에 따른 중복코드의 제거가 가장 큰 이유라고 설명을 드릴수 있으며 이 방법을 구현하기 위해 가장 중요한 이벤트를 사용하게 되는데 이 이벤트는 OnUserEvent이며 특정 유저 액션에 발생되는 이벤트가 아니며 코드의 의해 강제로 불려지는 이벤트입니다.

OnUserEvent를 호출하는 방법은 TargetComponent.TriggerEvent(EventNameConst.TargetEvent) 입니다.

파라미터를 넘길수는 없기 때문에 파라미터가 필요한 경우 세션에 해당하는 GetGlobal, SetGlobal을 사용하도록 합니다.

자 너무 복잡한 얘기들만 했으니 일단 평범한 일상적인 디자인 모델로 설명을 드리도록 하겠습니다.

보드 안에 검색조건 텍스트박스, 검색버튼, 그리드가 있다고 가정을 하고 각각 기능에 따라서 분류를 하게 되면 

보드 : 화면을 초기화 한다,(OnAttached 이벤트)

버튼 : 검색조건을 적용하여 DB를 호출한다.(OnClick 이벤트)

검색조건 텍스트 박스 : 검색조건을 입력한다.(OnEnter 이벤트)

그리드 : DB데이터를 통해 화면을 그린다(OnUserEvent)

이렇게 기능을 따로 분류할수가 있습니다.

이렇게 분리를 하는 이유는 화면이 뜨면서 초기 검색조건으로 화면을 그릴경우 보드의 OnAttached 이벤트에서는 실제적인 그리는 로직은 생각을 할 필요가 없이 버튼의 OnClick 이벤트만을 호출을 하면 되기 때문입니다. 버튼의 OnClick 이벤트는 물론 DB 데이터만을 추출하여 그리드의 OnUserEvent와 같은 사용자정의 이벤트에 있는 화면을 그리는 로직을 그리드에 심어주어 그리드를 그리는 방법에 대해서 전혀 알 필요가 없게 되는것입니다.

만일 그리드에서 데이터를 수정하다가 초기화를 하게 되는 상황이 발생을 하면 단지 그리드의 OnUserEvent를 호출하면 되는것이고 또 검색 텍스트박스의 OnEnter 이벤트에서 버튼의 OnClick 이벤트를 부르는것과 같이 중복로직을 사용하지 않고 이벤트 체인을 사용하는것과 같은 코드위치의 직관성과 중복제거에 큰 효과를 내게 됩니다.

이런 객체지향적인 방법을 사용했을 경우 얻는 가장 큰 이점은 사용자 함수를 줄여줍니다.

많은 분들이 그리드를 그려주는 자동 함수를 만들어서 쓰고 있을것으로 생각이 되는데 물론 저도 이 방법을 많이 사용을 했었습니다. 그런데 각 그리드마다 공통화 되기 어려운점이 있다는것을 깨달았으며 실제적으로 가장 좋은 코딩은 보기쉽게 풀어서 적절한 위치에 배치된 코딩이라 생각합니다.

보이는게 없어 좀 난감하시리라 생각되지만 앞으로 추가될 예제 및 샘플등에는 이런식으로 체인 이벤트가 사용되기 때문에 금방 이해를 하시리라 믿으며 불필요한 함수의 남발을 자제하시고 적절히 코드를 배치하는 방법에 대해서 고민을 많이 해 주시길 부탁드립니다.

수고하세요