usessss.log
로그인
usessss.log
로그인
[React] Zustand 이용해서 비동기 요청하기
프린이
·
2025년 1월 17일
팔로우
0
CREATE
Fetch
React
jsonplaceholder
set
store
useEffect
useUserStore
zustand
개발공부
더미데이터
라이브러리
리액트
비동기요청
프론트엔드
0
🤓zustand로 todo앱 만들기 ( 이전 벨로그 )
...
🔥
jsonplaceholder
비동기 요청 보내기
🗣
jsonplaceholder
에다가 요청 보내서
한사람의 더미데이터를 가져오는 걸 해보자❗
🛒
store
폴더 안에다
useUserStore.js
파일 만들기 ( 유저의 데이터 가져올 것 )
▫ src>store>
useUserStore.js
{ 한명의 유저 데이터는 객체에 들어감( 여러명의 유저가 아니니까 ) }
fetch
한 담에 여기서 유저의 데이터 가져와서 { 여기다 넣어줄 것 }
▫ src>
App.js
요청을 보낼거니까 당연히
useEffect( )
사용⚡
useUserStore.js
안에 있는
useUserStore
를
App.js
로 가져오기
useUserStore
안에
user
랑
fetch
가 있으니까
useUserStore( )
로
{ fetch, user }
이렇게 해주기❗
⬇
#️⃣
id
1번인 유저의 데이터 불러와진 걸 확인할 수 있음👀
프린이
안녕하세요! 퍼블리싱 & 프론트엔드 개발 공부 블로그 입니다!
팔로우
이전 포스트
[React] Zustand 라이브러리 사용해서 todo 앱 만들어보기
다음 포스트
[React] Mobx 상태 관리 라이브러리
0개의 댓글
댓글 작성