inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] React로 NodeBird SNS 만들기

안녕하세요.

해결된 질문

321

Milkyway

작성한 질문수 35

0

제로초님 안녕하세요. 강의는 다 들었는데 추가로 공부를 하던 도중 학습 방향을 못잡고 있어서 질문 드립니다. 다른 강의에서 react-query와 redux-tookit 이야기를 해주셔서 공식문서와 노드버드 깃헙을 예제삼아 공부를 하고 있었습니다.

제가 보기에는 react-query는 강의에서 swr과 비슷한것 같고 결국 데이터를 가지고 관리하려면 redux에 해당하는 redux-tookit을 사용해야할거 같은데 맞나요? 그리고 다른 답변글을 보니 rtk-query + redux-tookit으로 프로젝트 구조를 잡고 해야할거 같은데 맞는지 궁금합니다.

또한 react-query 예제 같은 경우 각 페이지나 데이터가 필요한 부분에서 useQuery 같은 훅을 통해 데이터를 가져와서 즉시 보여주는 식으로 돼 있던데 여기에 redux-tookit 개념이 들어가면 데이터 흐름을 어떤식으로 이뤄져야 하는지도 궁금합니다.

마지막으로 관련된 강의는 없겠죠??ㅠㅠ 양심 없게도 이번에도 현영님 강의 통해서 편하게 학습하려 했는데 강의는 따로 없는거 같아서 질문드립니다. 감사합니다!!

express react nodejs redux Next.js

답변 1

0

제로초(조현영)

네 보통은 react-query + redux-toolkit을 함께 쓰곤 합니다. redux에서 react-query를 대체하는 rtk-query도 내놔서 redux가 좋다면 redux + rtk(툴킷) + rtk-query로 조합해서 끝낼 수 있습니다.

데이터 가져오는 부분은 그대로 react-query로 쓰시면 되고요. 데이터를 변형해서 저장해야하는 경우에는 액션 만드셔서 리덕스에 저장하시면 됩니다. 서버에서의 데이터 그대로 쓰면 react-query만으로 충분합니다.

이 부분은 아마 리뉴얼 강의 때 반영할 것 같네요. 내년 예정입니다 ㅠㅠ

0

Milkyway

아! react-query를 그대로 가져가되 데이터를 브라우저에 저장하던가 가공을 해서 저장해야할 때 rtk를 사용하면 되겠네요. 감사합니다!!

추가로 redux + rtk(툴킷) + rtk-query로 끝내면 된다고 말씀하신게 rtk는 결국 리덕스를 더 잘쓰기 위한 도구이지 리덕스 자체를 대체하는 라이브러리는 아니라는 의미로 적으신게 맞을까요?

그럼 지금 당장은 react-query + redux + rtk를 사용하다가 나중에 rtk-query + redux + rtk로 조합하는 방법을 생각해 봐도 괜찮을까요? 답변 감사합니다!!

0

제로초(조현영)

이제는 리덕스만 단독으로 쓰는게 권장하지 않는 추세입니다. rtk로 사용하는 것이 권장이고요. react-query로 잘 쓰고 계시면 굳이 rtk-query로 넘어가실 필요는 없습니다.

0

Milkyway

감사합니다 방향을 못잡고 있었는데 이제 잡고 앞으로 조금씩 나아가기만 하면 되겠네요.

정말 감사합니다!!

넥스트 버젼 질문

0

90

2

로그인시 401 Unauthorized 오류가 뜹니다

0

104

1

무한 스크롤 중 스크롤 튐 현상

0

198

1

특정 페이지 접근을 막고 싶을 때

0

117

2

createGlobalStyle의 위치와 영향범위

0

103

2

인라인 스타일 리렌더링 관련

0

98

2

vsc 에서 npm init 설치시 오류

0

159

2

nextjs 15버전 사용 가능할까요?

0

166

1

화면 새로고침 문의

0

129

1

RTK에서 draft, state 차이가 있나요?

0

164

2

Next 14 사용해도 될까요?

0

455

1

next, node 버전 / 폴더 구조 질문 드립니다.

0

359

1

url 오류 질문있습니다

0

218

1

ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out

0

391

1

sudo certbot --nginx 에러

0

1295

2

Minified React error 콘솔에러 (hydrate)

0

481

1

카카오 공유했을 때 이전에 작성했던 글이 나오는 버그

0

257

1

프론트서버 배포 후 EADDRINUSE에러 발생

0

341

1

npm run build 에러

0

526

1

front 서버 npm run build 중에 발생한 에러들

0

399

1

서버 실행하고 브라우저로 들어갔을때 404에러

0

351

2

css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.

0

291

1

팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.

0

251

2

해시태그 검색에서 throttle에 관해 질문있습니다.

0

207

1