Inline If문

플러터(Flutter)에서 “inline if” 문은 일반적으로 Dart 언어에서 사용되는 조건부 표현식을 의미합니다. Dart에서 조건부 표현식은 condition ? expr1 : expr2 형식으로 작성됩니다. 여기서 condition이 true일 경우 expr1이 평가되고, false일 경우 expr2가 평가됩니다. 이 표현식은 주로 UI 구성 요소에서 조건에 따라 위젯을 다르게 표시하고자 할 때 사용됩니다.

사용 예시

1. 기본적인 예시:

   bool isLoggedIn = true;
   String greeting = isLoggedIn ? '환영합니다!' : '로그인이 필요합니다.';
   

2. Flutter에서의 예시:

   Flutter 위젯 트리에서 조건부 표현식을 사용하여 위젯을 선택적으로 렌더링할 수 있습니다.

   @override
   Widget build(BuildContext context) {
     bool isLoggedIn = true;
   
     return Scaffold(
       appBar: AppBar(
         title: Text('Inline If Example'),
       ),
       body: Center(
         child: isLoggedIn 
             ? Text('환영합니다!') 
             : ElevatedButton(
                 onPressed: () {
                   // 로그인 버튼 클릭 시 동작
                 },
                 child: Text('로그인'),
               ),
       ),
     );
   }
   

3. 다중 조건:

   여러 조건을 사용할 경우, if-else 문을 중첩하여 사용할 수 있지만, 이를 inline으로 처리하려면 중첩된 조건부 표현식을 사용할 수 있습니다.

   String statusMessage = isLoggedIn 
       ? '환영합니다!' 
       : isGuest 
           ? '게스트 모드입니다.' 
           : '로그인이 필요합니다.';
   

장점

• 코드 간결성: 조건부 표현식을 사용하면 코드가 더 간결해지고 가독성이 높아질 수 있습니다.
• UI 조건부 렌더링: Flutter의 UI에서 동적으로 위젯을 변경하는 데 매우 유용합니다.

주의 사항

• 너무 복잡한 조건부 표현식은 오히려 가독성을 해칠 수 있으므로, 적절한 수준에서 사용하는 것이 중요합니다.
• 여러 조건이 있는 경우에는 명시적인 if-else 문을 사용하는 것이 더 나은 선택일 수 있습니다.

이처럼 플러터에서 inline if 문을 사용하면 동적인 UI를 쉽게 구현할 수 있으며, 이를 통해 사용자 경험을 향상시킬 수 있습니다.

Flutter 카테고리 내 다른 글 보러가기