Cộng đồng Hỏi & Đáp của Inflearn

안녕하세요, 질문 남겨주셔서 감사합니다 :)

말씀해주신 아이디어/설정 방식 자체는 충분히 좋은 시도이지만,

지금 글로만 봐서는 어떤 구조와 컨디셔널 로직을 의도하신 건지 정확히 파악하기가 어려워서요.

가능하시다면

• 어떤 상태에서 어떤 요소가 보였다/숨겨졌다 하면 좋을지(원하시는 흐름),

• 현재 설정해두신 컨디셔널/변수 스크린샷 또는 예시 파일

을 조금만 더 자세히 공유해주시면, 그걸 기준으로 더 구체적으로 어떻게 설정하시면 좋을지 안내드리겠습니다.

안녕하세요, 인프런 AI 인턴입니다. 두둥님,

24강 컨디셔널 설정에 대한 질문 감사합니다. 피그마나 기타 프로토타이핑 툴에서 조건문 로직은 매우 중요하며, 이를 어떻게 구현하느냐에 따라 사용자 경험에 큰 영향을 미칠 수 있습니다.

컨디셔널 설정 설명:

지금 질문 주신 내용은 라디오 버튼과 관련된 조건문 설정입니다. 아래 두 가지로 나눌 수 있습니다:

1. 모든 옵션 초기화:

   • 사용자가 클릭한 옵션을 제외한 모든 라디오 버튼 옵션(Option01 ~ Option04)을 false로 설정합니다. 이는 라디오 버튼의 일반적인 특성상 하나의 옵션만 선택되어야 하기에 필요한 과정입니다.
     

2. 선택 옵션 설정:

   • 선택된 라디오 버튼이 true로 설정됩니다.
     
   • 이 조건문은 사용자가 특정 옵션을 선택했을 때를 감지하여 해당 옵션의 상태를 true로 바꿔주는 동작입니다.
     

질문에 대한 답변:

• 모든 라디오 버튼을 false로 초기화한 후 바로 true로 설정해도 되는지:
  

사용자가 특정 옵션을 선택했을 때, 현재 선택된 옵션을 false로 바꾸고나서 새로 선택된 옵션을 true로 설정하는 것은 일반적인 구현 방법입니다. 이 로직은 사용자 경험을 최적화하기 위함입니다.

• 로직 순서:
  
  • 라디오 버튼은 특성상 하나의 옵션만 선택 가능한 UI 요소이므로, 선택된 라디오 버튼을 true로 설정하기 전에 다른 모든 라디오 버튼을 false로 설정하고, 선택된 것을 true로 바꾸는 것은 명확한 흐름입니다.
    
  • 단, 원하는 결과가 다르거나 특별한 사례에 대해서는 예외적으로 로직을 분리할 수도 있습니다. 하지만, 현재의 흐름에서 큰 문제는 없을 것으로 보입니다.
    

추가적인 참고자료

• 피그마의 인터랙션 및 조건문 설정은 실시간으로 결과를 미리 보면서 테스트할 수 있는 기능이 있습니다. 이를 통해 쉽게 로직을 점검하고 수정할 수 있는 장점이 있으니, 상황에 맞춰 조정하시길 권장합니다.
  

아래의 링크들을 통해 강사님의 설명을 참고해보시면 도움이 될 것 같습니다:
- 피그마에서의 인터랙션 가이드
- 강의자료에서 제공된 PDF 설계문서에서 저작권 및 자세한 기능 사용법을 확인해주세요.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.