고려해야 할 사항: 재사용 가능하도록 독립적인 컴포넌트로 고민해보자.
모달 관련 html을 작성 후 해당 html을 true 시 보여주고 false 시 hide 한다.
모달이 띄워지면 원래 있었던 기능들이 눌리지가 않으니, 레이어를 본 페이지 위에 하나 띄운다는 개념으로 가면 어떨까? z-index?
내부에 있는 버튼들의 구현은 일단 나중에.
isModalOn 을 불리언으로 state에 담고, 버튼 클릭시 setState(!isModlaOn)으로 true와 false를 토글 해준다.
해당 값을 모달창을 담고 있는 태그에 className에 넣어주기 위해 이때 삼항연산자로 isModalOn을 하고 false 일시 해당 클래스 네임에 display: none 을 적용하며 되는 것 같다.