J.Spin

// set 'ESC' keystroke to escape ======================== const handleKeyDown = (e: KeyboardEvent): void => { if (e.code === "Escape") { closeModal(); } }; useEffect(() => { window.addEventListener("keydown", handleKeyDown); return () => window.removeEventListener("keydown", handleKeyDown); }, []); closeModal() 함수에 Modal을 닫는 함수, 혹은 다른 함수를 넣으면 됩니다.

www.npmjs.com/package/gh-pages gh-pages Publish to a gh-pages branch on GitHub (or any other branch on any other remote) www.npmjs.com Create-react-app 1. 설치 $ npm i gh-pages 2. package.json에 속성 추가 { // ...생략... "scripts": { "start": "react-scripts start", "build": "react-scripts build", "deploy": "gh-pages -d build", "predeploy": "npm run build" }, // ...중략... "homepage": "https://{깃헙아이디}.githu..

Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops. onclick 으로 함수 호출 시 매개변수를 사용할 때 잘못 불러오면 위와 같은 에러가 생긴다. onClickBtn = (var) => { // contents... } // render() BUTTON 함수 호출과 렌더링이 반복되는 구조이기 때문에 생기는 에러인데, 아래와 같이 수정해주면 해결된다. onClickBtn = (var) =..