[React] React에서 모달창 구현하기

• 리액트에서 모달창 구현: 리액트에서는 직접적으로 DOM요소를 조작하는 것을 지양하고, Virtual DOM을 통해 미리 렌더링하여 효율성을 높임

• 리액트 모달창 구현 예시: useState와 useRef를 활용하여 모달창의 열기/닫기 기능과 영역 외부 클릭 시 닫히는 기능을 구현

• 리액트를 사용해 모달창 구현: 버튼 클릭 시 모달창이 열리고, 콘텐츠 외부 클릭이나 닫기 버튼 클릭 시 모달창이 닫히도록 함

• CSS를 이용해 모달창 디자인 설정: 위치, 크기, 배경색 등을 조절하여 모달창을 꾸며줌