디자인은 그냥 강의에서 쓴 것 그대로 가져왔습니다. 기능 다 구현하고 나중에 제 취향대로 바꾸는게 시간상 낫겠다 싶어서리...

모달 창 정상작동 시키는데 5시간이 걸렸습니다. 아직도 버그가 있지만 다행히 수정은 잘 되서 나중에 고칠 생각입니다...

컴포넌트 그대로 갖다 쓰니까 ui 알아볼 수준으로 끌어올리는건 바로 되더군요 ㅎㅎ

성공적으로 수정 된 모습...

모달 창 띄울 때 부모 요소에 onClick => setIsOpen(!isOpen) 이렇게 바로 스테이트를 변경하니

어딜 클릭하든 창이 자꾸 꺼지고...

if문으로 isOpen이 true이면 return하게 만들었더니 이젠 꺼졌다가 다시 안켜지기도 하고...

결국 자식 요소에서 뺴내온다는 간단한 해결방법을 가지고 2시간동안 해맸습니다...

결국엔 한 번 켜고 2번째 켤 때 edit 버튼을 두 번 눌러야 켜지는 버그가 남긴 했는데 이건 차차 수정 해 보려고 합니다...

다들... 화이팅...