📖 한국경영교육연구소 AI ACADEMY · 용어·통역 사전
조건부 렌더링 (conditional rendering)
💬 쉬운 뜻
"로그인했으면 프로필을 보여주고, 아니면 로그인 버튼을 보여줘"처럼 조건에 따라 같은 자리에 다른 화면을 그리는 거예요. 상황별로 다른 블록을 끼우는 갈림길.
🧭 이 상황에서
회원·비회원, 데이터 있음·없음처럼 상황마다 다른 화면을 보여주고 싶은데, 이걸 뭐라고 시켜야 할지 모르겠다.
⌨️ 이럴 땐 이렇게 입력
- 로그인한 사람한테는 '○○님 환영합니다'를, 안 한 사람한테는 로그인 버튼을 보여줘. (조건부 렌더링)
- 목록이 비어 있으면 '아직 글이 없어요' 안내 문구를 대신 보여줘.
- 데이터 불러오는 동안에는 로딩 표시를 보여줘.
🔮 AI가 이렇게 답하면 = 이런 뜻
AI가 "조건부 렌더링으로 처리했어요"라고 하면 = 조건(로그인 여부, 데이터 유무)에 따라 같은 자리에 다른 내용이 보이게 갈림길을 만들었다는 뜻이에요.
➡️ 다음엔 이렇게
경우가 3가지 이상이면 "로딩 중 / 데이터 없음 / 데이터 있음 세 경우를 각각 다르게 보여줘"처럼 모든 경우를 나열해 주면 빠뜨림 없이 만들어줍니다.
한국경영교육연구소 · AI ACADEMY — 외부강사 김지백 · 시연 교실 홈