간단하게 모달창 구현

1. 간단하게 모달 창 구현하기( + 배경 블러 처리) 이런 Home화면에서 도움말 버튼을 클릭했을 때, 모달창이 떠서 정보를 확인하고 싶은데 어떻게 할 수 있을까?  나는 리액트를 처음 접하게 되었을 때, 굉장히 막막하게 느껴졌던 기억이 있어 쉽게 정리를 해보고자 한다.Modal 기능 구현에는 단 State 1개 함수 2개로 구현이 가능하다.  const [isOpen, setIsOpen] = useState(false); const modalOpen = () => { setIsOpen(true); }; const modalClose = () => { setIsOpen(false); }; Home화면에 위의 코드에 해당하는 모달창이 열려있는지 닫혀 있는지에 대한 상태인 isOpen ..
yes_dohyun
'간단하게 모달창 구현' 태그의 글 목록