[프론트엔드 심화]상태 관리와 비동기 처리(3)
📌 1. Modal 컴포넌트란?**모달(Modal)**은 사용자 인터페이스에서 자주 사용되는 오버레이 UI 컴포넌트로, 특정 작업을 수행하거나 알림을 보여줄 때 현재 페이지 위에 뜨는 창입니다.✅ 왜 사용하는가?사용자의 집중을 유도하고,백그라운드 요소와의 상호작용을 차단하며,중요한 작업(수정, 삭제 등)에 대해 의사결정을 명확하게 하도록 돕기 위함입니다.✅ 구성 요소배경 오버레이: 클릭 시 모달 닫기 기능을 할 수 있음내용 영역(Content Box): 제목, 폼, 버튼 등 포함닫기 버튼: X 또는 외부 클릭✨ 2. Modal 동작 방식상태 관리React에서는 보통 useState 훅을 통해 **열림/닫힘 상태 (isOpen)**를 관리합니다.true: 모달 열림false: 모달 닫힘tsx복사편집con..
카테고리 없음
2025. 4. 14. 22:32