인프런 커뮤니티 질문&답변

series.w54님의 프로필 이미지

작성한 질문수

Axure RP 9,10 - 서비스 기획자를 위한 최적의 프로토타이핑 툴

게시판 입력 Form UI (팝업, 라디오버튼, 셀렉트박스, 각종 입력 필드)

안녕하세요, 질문드립니다.

21.12.13 21:16 작성

·

325

0

안녕하세요, 업무차 필요해서 수강하고 있는데요, 설명도 너무 좋고 잘 알려주셔서 감사한 마음으로 영상 잘 보고 있습니다. 선생님이 올려주신 영상 중 예약고객조회 화면을 혼자 복습겸 연습하고 있는데요. 궁금한 점이 있어서 질문드립니다.
1. 지역설정에서 시/도를 선택한 후 구/군이 활성화가 되게 하려면 어떻게 해야하는지요?
2. 그리고 앞서 선택한 시/도에 따라서 구/군이 달라지는데요, 이건 어떤 방법으로 하는지 궁금합니다.
3. 마지막으로, 나머지 상세 주소 입력도 시/도와 구/군을 모두 작성 하였을때만 입력 가능해야 할텐데, 이것도 어떻게 설정하는지 알려주시면 감사하겠습니다.
4. 초기화 버튼 눌렀을때 모두 초기화되는 방법도 알고 싶습니다.
 
제가 뒷영상 안보고 앞서서 질문을 드린거라 혹시 뒷 수업에서 위 질문에 대한 교육 영상이 탑재 되어 있다면 교육영상 넘버 알려주시면 되어요!
감사합니다~!!
 

답변 3

2

조영수(데이먼)님의 프로필 이미지
조영수(데이먼)
지식공유자

2021. 12. 16. 11:05

series님 안녕하세요.
제가 만든 프로토타입에서는 버튼만 그려두고 실제 기능 구현하지 않았습니다.

노파심에 말씀드리면 모든 기능을 프로토타입으로 모두 다 구현할 필요는 없습니다.
Description에 "이 버튼을 클릭하면 모든 설정이 초기화됩니다" 이렇게 작성해도 이해관계자가 이해할 수 있기때문에 기능 구현에 너무 많은 시간을 할애하지 않는게 좋습니다 ^^ 

위에서 초기화 기능을 가장 쉽게 구현할 수 있는 방법은 페이지를 리로드하는 방법인데요.
CLICK OR TAP > Open Link > Reload

페이지 리로드 없이 초기화 기능을 구현하려면 위에서 설명한 것처럼 조금 복잡한 인터랙션 적용이 필요합니다 :) 

series.w54님의 프로필 이미지
series.w54
질문자

2021. 12. 16. 13:59

네! 제가 회사에서 업무차 필요해서 수강하다보니 모든 기능을 구현할 수 있어야한다는 강박관념이 있었던 것 같아요. 설명 주셔서 정말 감사합니다. 

0

series.w54님의 프로필 이미지
series.w54
질문자

2021. 12. 15. 17:42

감사합니다, 선생님!

답변 감사합니다~  어설프지만 제 방법으로 시/도, 구/군을 해봤는데 역시나 완벽하진 않더라구요.
선생님께서 알려주신 방법으로 해보겠습니다

그리고 초기화 기능은 엑슈어에서는 어렵다고 보면 되나요?
위 사진에서 보면 초기화 버튼이 있어서 여쭈어 봤습니다.

블루라이언님의 프로필 이미지

2021. 12. 16. 11:11

초기화버튼 클릭시 체크박스들을 다 Set Selected/Checked 에서 false로 바꿔주게 인터렉션을 걸고

 

텍스트의 박스의 경우 Set text로 아무것도 값을 안주면 될것 같구요

드롭박스의 경우 Set Selected List Option에서 기본값으로 책정되어있는 값으로 지정하면 원하시는 초기화 버튼이 구현될 것으로 예상됩니다.

0

조영수(데이먼)님의 프로필 이미지
조영수(데이먼)
지식공유자

2021. 12. 14. 23:36

series님 안녕하세요.
문의주신 내용에 하나씩 답변드리겠습니다.

2. 시/도에 따라 구/군이 달라지는건 조건문을 사용해야 합니다. 아래 영상을 참고해주세요.
- 조건문(if/else if)을 이용한 멀티 인터랙션 (2분 5초부터)


1.  시/도를 선택한 후 구/군을 활성화하려면 Enable/Disable 액션을 사용해야 합니다.
- 셀렉트박스를 우클릭해서 Disabled로 상태 값을 변경 해두고, 
- (2번)의 조건문을 통해 Dynamic Panel의 State 값을 변경할 때 해당 셀렉트박스를 Enable로 변경하는 액션을 설정해야 합니다. 

 

3. 마지막 상세주소도 (1번)과 동일하게 Enable/Disable 인터랙션을 활용하면 구현할 수 있습니다.

 

4. 초기화버튼을 클릭하면 자동으로 모두 초기화할 수는 없고 (2번), (1번), (3번)의 초기값 인터랙션을 수동으로 각각 설정해줘야 합니다.

 

아마, 글 만으로는 이해하고 구현하기가 어려우실텐데요.
한 번 해보시고 안되시는 부분들을 질문으로 남겨주시면 추가 답변드리겠습니다.