상태에서 JSX까지
1. 상태 읽기
loading, error, empty 같은 값을 먼저 확인합니다.
2. 분기 수 확인
두 갈래인지, 여러 화면인지 구분합니다.
3. 패턴 선택
가장 짧은 코드보다 가장 읽기 쉬운 표현을 고릅니다.
4. 결과 렌더
사용자가 볼 화면과 숨길 화면을 명확히 나눕니다.
condition ? UI : fallback
조건부 렌더링의 핵심은 “어떤 상태에서 무엇을 보여줄지”를 JSX 가까이에 또렷하게 남기는 것입니다.