BANANA.Web.Controls.CodeHelper #1

코드헬퍼를 뭐라고 설명드리면, 가장 이해가 빠를 것인가를 굉장히 고민해 봤습니다.

코드헬퍼는 코드와 명을 찾기 쉽게 도와주는 컨트롤이라고 이해하시면 될 것 같습니다.

예를 들어서, 사용자가 6대 광역시중에 하나를 선택해야 하는 상황을 살펴 보겠습니다.

0: 부산광역시, 1: 울산광역시, 2: 대구광역시, 3: 광주광역시, 4: 대전광역시, 5: 인천광역시라고 하겠습니다.

개발자는 해당 광역시의 코드값인 0~5번을 데이터베이스에서 관리하겠지요?

사용자로부터 도시명을 직접 입력 받기 보다, 도시명에 해당하는 코드값을 입력 받고 싶어 할 겁니다.

그런데, 사용자는 0번이 어느 도시인지, 4번이 어느 도시인지를 외울 수가 없으니 매번 참조표를 보고 입력해야 하는 불편함이 있을 겁니다.

이때 좀 더 경력있는 개발자라면, 어떻게 처리할까요?

아마도 DropDownList 컨트롤이나 RadioButtonList 컨트롤을 사용할 것 입니다.

그런데 개발을 하다보면, 다른 문제에 봉착할 수도 있습니다.

예를 들어서, 6대 광역시가 아니라 전세계 도시를 모아놓은 코드집이 필요하다면 어떻게 해야 할까요?

6개가 아니라 어쩌면 60만개의 자료중에서 사용자가 필요한 코드를 검색하고자 한다면 어떻게 해야 할까요?

60만개의 자료를 DropDownList에 바인딩 하게되면, 생각만 해도 끔찍합니다.

사용자의 오른쪽 검지 손가락은 아마도 머지 않아서 깁스를 하게 될 것 입니다.

이러한 경우에, 코드헬퍼를 이용해서 쉽게 문제를 해결할 수 있습니다.

자, 아래의 코드헬퍼 샘플들을 보시지요.


순번 코드헬퍼 비고
1 두 개의 텍스트박스 중에서 입력이 가능한 좌측의 텍스트박스에 "신"이라고 입력한 후, 탭을 이용해서 커서를 옮겨보거나 엔터를 입력해 보세요.
2 [신한]이라고 입력한 후, 엔터키나 탭키를 입력해 보세요.
3 [시티]라고 입력한 후, 엔터키를 입력해 보세요.
4 우측에 있는 코드헬퍼 검색창 아이콘을 클릭해 보세요.

샘플을 테스트해 보셨나요?

1번 샘플에서는 "신용협동조합"과 "신한은행" 두 개의 자료를 가지는 코드헬퍼 검색창이 뜰 겁니다. 우리는 그 중에서 하나의 자료를 선택해서, 코드헬퍼 컨트롤로 보낼 수 있습니다.

2번 샘플에서는 코드헬퍼 검색창이 뜨지 않고, 곧 바로 "신한은행"이라는 자료가 코드헬퍼 컨트롤에 바인딩 될 겁니다. 이는 "신한"이라고 검색한 결과가 1건 밖에 없기 때문입니다.

3번 샘플에서는 해당 자료가 존재하지 않는다는 메시지가 브라우저 언어 속성에 따라 해당 언어로 출력될 겁니다.

4번 샘플은 코드헬퍼 검색창을 띄워서 검색어를 통해서 검색할 수 있도록 처리해 줄 겁니다.

 

자, 코드헬퍼 컨트롤에 대해서 어느 정도 이해하셨나요?

다음 페이지에서는 코드헬퍼 컨트롤에 대한 속성을 살펴 보겠습니다.

코드헬퍼 컨트롤 속성 살펴보기


TOP