01. 문제2일동안 찾아보던 버그… 회사 프로젝트에서 react-datepicker를 사용해서 달력을 만들었다. 그런데 달력을 닫으려고 배경을 클릭했을 때, 달력이 닫히고 이벤트가 종료되어야 하는데. 클릭한 위치에 버튼이나 어떤 이벤트가 달린 컴포넌트가 있으면 그 이벤트가 실행되었다. 리액트 강의를 들으며 실습하고 있던 프로젝트를 연습장 삼아 달력을 다시 만들어봤다. 달력 외부에 주문하기 버튼을 클릭했을 때 버튼 이벤트가 발생하였다. ProductItem에 있는 버튼 이벤트가 실행되는 것을 로그를 통해 확인할 수 있었다. 02. 해결과정DatePicker에 있는 onClickOutside에 버블링을 중단하는 코드를 넣어줬다. -> (X) 해결되지 않음 {/* {isOpen && } */..
01. 오류react-datepicker 라이브러리를 설치하고 화면에서 사용하려고 하니 아래와 같은 오류가 발생했다. ERROR in ../node_modules/react-datepicker/dist/react-datepicker.css 1:0Module parse failed: Unexpected character '@' (1:0)You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders> @charset "UTF-8";| .react-datepicker__year-rea..