React21 [Redux] 공식문서 보면서 따라하는 Redux-toolkit 초기 세팅 오랜만에 블로그... 살짝 설레는걸... 되게 오랜만에 돌아왔다. 사실 그동안 공부했던 React-native, Typescript를 적고 싶었지만 양도 적었고 뭔가 확실하게 한 게 없는 공허한 느낌이다. 노력했는데 속상하다. 거두절미하고 요즘 시장에서 무조건x100 필요한 Redux toolkit에 대해 알아보자. 일단 공식문서에 들어가서 redux를 설치해준다. 한글이 없는 리덕스 공식문서 ^_^... 뭔가 이걸 해야지!라는 게 아직 없어서 튜토리얼을 차근차근 따라 해봤다. 이게 뭐람... 한국어 지원이 안된다. 악으로 깡으로 버텨보자. 💡 1. Package 설치하기 당연히 시작을 하려면 package를 설치해야 한다. npm install @reduxjs/toolkit react-redux yar.. 2023. 1. 17. [React] fetch 요청할때 useEffect 유의할 점 영등포 솥돈 { fetch(`소중한 API 주소❤️`) .then(res => res.json()) .then(data => setState(data.dataSet)); }, [여기다가 넣어줘야함 !!]); 저렇게 fetch로 데이터를 요청하게 되면 백엔드분들과 되게 민망한 상황에 마주하게 된다. 두현 님... 요청 그만 좀... 아... 네... 그렇기 때문에 의존성 배열에 API가 들어오게 되면 불러오는 시점을 작성해줘야 한다!! 의존성 배열을 써줘야 할 상황과 안 써줘도 될 상황을 잘 구별해서 백엔드 분들과 머쓱한 상황을 만들지 않도록 노력해 보자 :) 2023. 1. 17. [React] Input Error 마주했다... 에러....! 마주해 버렸다... 에러와... 하지만 이제 겁내지 않고 이유를 충분히 생각해 보고 차분하게 구글링을 해본다. 먼저 이 오류가 나타나는 시점은 input에 입력을 했을 때 바로 나온다. 왜 그런가 생각을 해봤는데 input value에 undefined가 들어갔을 경우에 대한 처리가 없다는 것과 관련되는 것 같다. 그렇다면 해결법은 ? 간단하다. input의 value가 undefined일 때 ''가 들어올 수 있도록 하면 된다. 해결...! 2023. 1. 17. [React] Array.map() is a not function 오.. 류... 오히려 좋아.... 하려고 했던 것 백엔드분들이 정성스럽게 만들어주신 베스트 상품 API를 받아와서 내 메인에 뿌려주고 보여드릴 생각에 신이 많이 났다. 하지만... Objects, {} in JavaScript does not have the method. map(). It's only for Arrays, []. ㅋ... 그래 일단 생존형 영어 실력으로 해석을 해봤다. 오브젝트는 map함수를 가지고 있지 않아 사용이 불가능하다. 오직 배열에서만 가능하다. 그래서 백엔드분께 여쭤봤다. 혹시 데이터가 들어올때 어떻게 들어오나요? 🙋 하고 봤는데, 오류가 말해주셨던대로 (프런트단에선) 객체로 들어오고 있었다. { result: [ { id: 1, name: 'name', price: '11.. 2023. 1. 17. 이전 1 2 3 4 ··· 6 다음 반응형
