wave

React의 Hook 규칙을 무시해서 에러 발생 https://ko.reactjs.org/docs/hooks-rules.html#gatsby-focus-wrapper Hook의 규칙 – React A JavaScript library for building user interfaces ko.reactjs.org 오직 React 함수 내에서 Hook을 호출해야 합니다 Hook을 일반적인 JavaScript 함수에서 호출하지 마세요. 대신 아래와 같이 호출할 수 있습니다. ✅ React 함수 컴포넌트에서 Hook을 호출하세요. ✅ Custom Hook에서 Hook을 호출하세요. (다음 페이지에서 이 부분을 살펴볼 예정입니다) 문제 발생 if (mode === MODE.UPDATE.Name && item.ta..

Bootstrap css 수정하고 싶을때 https://think0wise.tistory.com/24 react-bootstrap css수정, 덮어쓰기 하는 법! ( feat. css 우선순위 ) 제가 처음 부트스트랩을 사용하면서 골머리를 썩었고, 그 이후 무려 이 글을 포스팅 하는 오늘까지도 대충 야매로 넘겼던 부트 스트랩 css 수정에 대해 정리를 해보려고 합니댜. 단지 잘 가져온 b think0wise.tistory.com 리액트 아이콘 https://react-icons.github.io/react-icons/icons?name=tb React Icons react-icons.github.io 부트스트랩 그리드 시스템 이해하기 https://www.w3schools.com/bootstrap/boo..

import {useState} from 'react'; const App = () => { const[names, setNames] = useState(['가', '나']); const[input, setInput] = useState(""); const handleInputChange = (e) => { setInput(e.target.value); } // Usestate이용하여 기존 배열에 새로운 값 추가하기 const handleUpload = () => { setNames((prevState) => { console.log(prevState); //새로운 input이 기존 배열의 뒤에 추가된다. //예를들어 '다'를 새로 입력하여 추가할 경우 input은 [가, 나, 다]가 된다. return..

https://letsbuildui.dev/articles/building-a-dropdown-menu-component-with-react-hooks Building a Dropdown Menu Component With React Hooks We'll create a dropdown menu using React Hooks. letsbuildui.dev