컴포넌트

자주 쓰이는 컴포넌트들을 직접 구현하고, 그 원리를 분석하는 시간을 가지려고 한다.그 첫번째로 모달창을 구현해보았다.전체 코드는 글의 맨 아래부분에 작성해두었다.  - 기본적인 모달 구현- 화면 외곽을 누르면 닫히도록 처리  type ModalProps = { isOpen: boolean; onClose: () => void; children: ReactNode;} 모달에 전달될 프롭스들의 타입을 선언해준다. export const Modal = ({ isOpen, onClose, children}: ModalProps) => { // 코드 내용 작성} 메인 함수에 프롭스를 타입과 함께 전달한다.  useEffect(() => { const handleEsc = (e: KeyboardEvent..