📖 한국경영교육연구소 AI ACADEMY · 용어·통역 사전
패널 (panel)
💬 쉬운 뜻
평소엔 화면 밖에 숨어 있다가, 버튼을 누르면 옆(모바일은 아래)에서 스르륵 미끄러져 나오는 화면 조각이에요. 책상 서랍처럼 필요할 때만 빼서 쓰고, 닫으면 본문이 다시 온전히 보여요.
🧭 이 상황에서
본문을 가리지 않으면서 채팅·설정·목록 같은 부가 기능을 담아야 할 때 — 플로팅 버튼과 짝을 이뤄 '버튼 누르면 패널이 열리는' 구성을 많이 쓴다
⌨️ 이럴 땐 이렇게 입력
- 버튼을 누르면 오른쪽에서 패널이 미끄러져 나오게 해줘. 닫기 버튼으로 닫히게 하고, 안에는 탭 3개(채팅·투표·질문)를 넣어줘
- 모바일에서는 이 패널을 아래에서 올라오는 바텀시트로 바꿔줘
🔮 AI가 이렇게 답하면 = 이런 뜻
AI가 "transform: translateX(100%)로 숨겨놨어요"라고 하면 = 패널을 화면 오른쪽 바깥으로 밀어 숨겨 두고, 열 때만 제자리로 미끄러뜨린다는 뜻이에요(없앤 게 아니라 밖에 대기).
➡️ 다음엔 이렇게
패널을 열었는데 뒤 화면이 같이 스크롤되면 "패널이 열려 있는 동안 뒤 화면은 스크롤 안 되게 잠가줘"라고 말하면 돼요.
💬 김지백 강사의 현장 팁
수업 페이지에서 채팅·투표·질문을 패널 안 탭으로 모았더니, 수업 내용 전달과 실시간 참여가 둘 다 살았어요.
한국경영교육연구소 · AI ACADEMY — 외부강사 김지백 · 시연 교실 홈