TIL

이런 에러가 나서 구글링을 했는데 어떤 천사분께서 너무 명쾌하게 답을 적어 두셨다. ❓map이 reading할게 없다고 화를 내는 중이다. 수정 전 코드 export default function LetterList({ letters, text, onDeleted, onEdit }) { return ( {text} {letters.map((letter) => ( ))} ); } 수정 후 코드 export default function LetterList({ letters, text, onDeleted, onEdit }) { return ( {text} {letters?.map((letter) => ( ))} ); } 💡letters?.map으로 바꿔주면 letter가 있을때 map을 할 것이기 때문에!!..

에러를 보니 prevLetter is not iterable interable 에러는 Array, String, Map, 생성자 결과와 같은 것이 " 너 지금 값 잘못주고 있잖아!! 나보고 어쩌라고!!! " 하고 화를 내는 것이다. 수정 전 코드 const onSubmit = (prevLetterse) => { const newLetter = [...prevLetterse].map( (prevLetters) => prevLetters.id === letters.id ); setLetters(newLetter); }; 내가 생각했을 때에는 const onSubmit = (이전 배열들) => { const newLetter = [...이전 배열을 펼쳐서].map( (이전배열에) => 이전 배열들의 아이디 중..

오늘도 바보같은 실수를 하였으니 만천하에 공개하도록 하겠다. const router = createBrowserRouter([ { path: "/", element: , errorElement: , }, { path: "/root", element: , children: [ { path: "/solar", element: }, { path: "/Moonbyul", element: }, { path: "/hwasa", element: }, { path: "/wheein", element: }, ], }, { path: "/detail", element: , }, { path: "*", element: , }, ]); function App() { return ; } export default App; ro..

Warning: A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. component가 uncontrlloed 상태라고 한다. 처음에 무슨말인지 몰라 여기저기 콘솔을 찍어봤다. const handleAdd = (todo) => { setTodos([...todos, todo]); }; setTodos를 console.log로 바꾸면 에러도 안나고 값을 너무 잘 가져왔다. 그렇다면 setTodos가 문제인가? 하고 생각을 해봐도 도저히 문제가..

Cmder에서 yarn create react-app blog --template typescript 로 파일을 만들었다. 왠걸? 빨간줄이 너무 많았다. Typescript 너란녀석 .. 에러도 아니고 문제점만 잔뜩 심지어 yarn start를 하면 문제점이 한가득 그리고 문제점을 닫으면 그냥 ui 화면이 보였다. 응 난 못참지 라는 생각으로 하루종일 매달려 있었다. 그리고 새벽 2시 짜증을 잔뜩 머금은채로 yarn과 죄없는 node 까지 전부 삭제하고 재설치를 하기로 했다. 사실 시도해 본 것들은 많았지만 성공한 것들이 단 하나도 없다. 얻은 것도 없다. package.json 파일 부터 터미널, ts 버전 변경 등등 수많은 것들을 시도했지만 결과는 나는 빨간줄.. 일단 3시간이라도 자야 내일 뭔가 하..