! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

14강. 신청자 검색 기능 만들어보기 > 온라인 스터디

본문 바로가기

첫번째앱만들기 14강. 신청자 검색 기능 만들어보기

페이지 정보

작성자 MESCIUS 작성일 2020-10-23 09:59 조회 2,025회 댓글 0건

본문

첨부파일

이번 강의에서는 앞서 만든 신청자 조회 리스트에 검색 기능을 추가하여, 관리자가 이름 및 사번으로 직원을 조회할 수 있게 만들어 보겠습니다.

오늘도 코딩 없이 Excel 느낌 그대로 시작해 봅시다~~!!

13강 신청자 조회 리스트 만들어보기에 이어서 시작하겠습니다.



검색창 만들기


우선, 기존에 신청자 목록을 구현했던, "페이지2"에 검색을 위한 검색창을 만들어 보겠습니다.


1. 좌측 "프로젝트 탐색기">"페이지" 섹션에서, "페이지2" 시트를 더블 클릭하여 오픈합니다.



2. "AC5:AK5"까지 선택한 후, "텍스트 상자" 셀 타입을 선택하여 검색창을 만들고, 적당한 크기로 셀 높이를 설정해 줍니다.



3. 검색창에 돋보기 아이콘을 넣기 위해, 만들어진 텍스트 상자를 선택하고, 우측 패널의 "셀 유형">"아이콘" 섹션의 "이미지 선택…"을 클릭합니다.


4. "이미지 선택 창"에서 아래와 같은 "돋보기 아이콘"을 선택하고 확인 버튼을 클릭하여 빠져나옵니다.


5. 이후 아래와 같이 텍스트 상자에 돋보기가 생긴 것을 볼 수 있습니다.


검색 버튼 만들기


다음으로 위에서 생성한 검색창 옆에 검색 버튼을 만들어 보겠습니다.

1. "페이지2" 에서 "AL5:AN5"까지 선택한 후, 셀 유형 섹션에서 "버튼" 타입을 클릭합니다.



2. 버튼에 "검색"이라고 입력한 후, "굵은 글씨"로 설정해 줍니다. 



3. 약간의 아름다움을 추가하기 위해, 간단하게 "스타일" 섹션 > "셀 스타일" 중에 원하는 스타일을 적용해 줍니다. (여기에서는 파란색과 어울리는 원형의 노란 버튼 스타일을 적용해보겠습니다.)


4. 적용이 완료되면, 아래와 같이 검색창 옆에 노란 검색 버튼이 생성된 것을 볼 수 있습니다.




검색 항목 선택기능 만들기


다음으로 "사원명"으로 검색할지, 아니면 "사원번호"로 검색할지 선택할 수 있도록, 검색창 앞에 검색 항목 선택 기능을 구현해보겠습니다.


1. "페이지2" 시트에서, "X5:AB5"까지 선택 후, 셀 유형 섹션에서 "콤보 상자" 타입을 클릭합니다.



2. 만들어진 "콤보 상자"를 선택 후, 우측 패널의 "셀 유형">"목록 항목" 섹션의 "항목" 들을 아래와 같이 수정해 줍니다.


  • 목록 항목 > 항목1 = "사원명" 으로 수정
  • 목록 항목 > 항목2 = "사원번호"로 수정
  • 목록 항목 > 항목3 = "-" 버튼을 눌러 삭제
  • 기본값 = "사원명" 입력 (디폴트 값으로 사원명을 검색 항목으로 지정합니다.) 



검색 기능 구현하기1 - 사원명 검색


이제 이번 포스팅의 가장 중요한 기능인 검색 기능을 구현해 보도록 하겠습니다.


사용자가 검색 버튼을 눌렀을 때, 입력한 직원명을 통해, 직원을 검색할 수 있도록 만들어 보겠습니다.


1. "페이지2" 시트에서, 앞서 만든 "검색 버튼"을 선택 후, 우측 패널의 "셀 유형">"명령 편집.." 을 선택합니다.



2. "명령 창"의 명령 선택 항목 중, "조건문(If-Else)만들기"를 선택합니다.

(조건문을 통해, 검색 항목, 즉 "사원명" 또는 "사원번호"에 따라 검색 명령을 각각 생성할 예정입니다.)


3. 첫번째 조건문을 만들기 위해 아래와 같이, If 문 섹션에서 "…" 버튼을 눌러 조건을 작성하기 위한 창으로 들어갑니다.




4. "조건 창"에서 "새 조건"을 클릭한 후에, "열" 컬럼에서 "셀 선택" 버튼을 클릭하여, "콤보 상자(검색 조건)" 셀을 선택할 준비를 합니다.



5. 셀 선택 버튼 클릭 후에 나타나는 "조건" 팝업 창을 통해, "콤보 상자(검색 조건) 셀 (X5)"를 선택하고 원래 "조건 창"으로 돌아옵니다.


6. 이제 아래와 같이 X5의 검색 항목 값이 "사원명"과 같을 때라는 조건을 만들어주고, 확인을 눌러 완료합니다.

  • 연산자 = "같음" 선택
  • 값 = "사원명" 입력



7. 선택한 검색 항목이 "사원명"인 경우, 검색 버튼을 눌렀을 때 작동하는 "Then-Do" 명령 생성을 위해, "…" 버튼을 클릭합니다.



8. ConditionalCommand에 대한 명령 선택 창에서, 아래와 같이 "명령 선택" > "쿼리(Query) 만들기"를 선택합니다.



9. 아래와 같이 검색창에 입력된 값이 데이터베이스의 "이름"과 일치 또는 포함되어 있으면직원 정보를 반환하도록 만들어 줍니다.
  • 열 = "이름" 컬럼 선택
  • 연산자 = "목록 포함" 선택 (특정 문자와 일치 또는 포함)
  • 값 = "=AC5" 선택 (우측의 작은 선택 버튼을 통해서 검색창을 선택합니다.)




검색 기능 구현하기2 - 사원번호 검색


위와 동일한 방법으로 사용자가 검색 버튼을 눌렀을때, 입력한 사원번호를 통해, 직원을 검색할 수 있도록 만들어 보겠습니다.


1. 좌측 패널의 "조건문 (If-Esle) 만들기" 항목을 선택한 후, 우측 패널에서 추가 조건을 만들기 위해 "Else If 추가" 버튼을 클릭합니다.



2. 두번째 조건문을 만들기 위해 아래와 같이 Else-If 문 섹션에서 "…" 버튼을 눌러 조건을 작성하기 위한 창으로 들어갑니다.



3. "조건 창"에서 "새 조건"을 클릭한 후에, 아래와 같이 사용자가 검색 항목에 사원번호를 선택하였는지 확인하는 조건을 입력합니다.
  •  = "콤보 상자[=X5].값" (우측 "셀 선택" 버튼을 클릭하여, "콤보 상자(검색 조건)" 셀을 선택)
  • 연산자 = "같음" 선택
  •  = "사원번호" 입력


4. 선택한 검색 항목이 "사원번호"이고 검색 버튼을 눌렀을 때 작동하는 "Then-Do" 명령 생성을 위해, "…" 버튼을 클릭합니다.



5. ConditionalCommand에 대한 명령 선택 창에서, 아래과 같이 "명령 선택" > "쿼리(Query) 만들기"를 선택합니다.



6. 아래와 같이 검색창에 입력된 값이 데이터베이스의 "사원번호"와 일치 또는 포함되어 있으면직원 정보를 반환하도록 만들어 줍니다.
  • 열 = "사번" 컬럼 선택
  • 연산자 = "목록 포함" 선택 (특정 문자와 일치 또는 포함)
  • 값 = "=AC5" 선택 (우측의 작은 선택 버튼을 통해서 검색창을 선택합니다.)


7. 아래와 같이 모든 검색을 위한 명령이 완성되었습니다. "확인" 버튼을 눌러 마무리합니다.




이제 실행 버튼을 눌러 정상적으로 동작을 하는지 확인해 보세요.


실행 버튼



Forguncy 사용 중 기술 문의 또는 구매에 대한 상담이 필요하실 경우, 언제든지 연락 부탁드립니다.

 
  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

태그1

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.