Q&A
커뮤니티
지식
이벤트
더보기
OKKY
Q&A
지식
커뮤니티
이벤트
부트캠프
Jobs
Contact
Search Bar
로그인
회원가입
zustand
전체
기술
커리어
기타
카테고리
전체
최신순
질문하기
답변
8
StrangeL
·
11개월
411
0
답변 8
리엑트 상태관리 라이브러리 선택 관련 질문드립니다
안녕하세요 회사다니면서 리엑트 공부하고 사이드 프로젝트로 팀원 과 같이 진행하려고 합니다. 하던중에 상태관리 라이브러리 선택을 어떤것으로 해야할지 모르겠습니다. 되도록이면 현업에서 사용하거나 대중적인것으로 선택하고 싶습니다. 물론 여기에 여쭈어 보기 전에 많은 정보를 찾아 보긴 했습니다. 대부분 redux는 러닝커브가 높으며 사용하기 간편한 zustand 쪽으로 사용하라는 이야기도 있고 언젠간 redux도 쓴다 돌고돌아 아직까진 redux다
답변
1
취뽀뽀
·
1년 이상
271
0
답변 1
React) 로그인 유저인지 확인하는 페이지에서의 렌더링
React 프로젝트를 리팩토링중인데요, zustand로 로그인 상태를 관리하도록 변경하는 중에 궁금증이 생겼습니다. 로그인이 필요한 페이지 라우터를 감싼 Wrapper 컴포넌트를 만들어서 사용자의 로그인 상태를 확인합니다. 이때 토큰이 없다면 /loginRequired로 보내고, 토큰이 있다면 서버로 유효한 토큰인지 보내서 응답을 확인합니다. 이 로그인 확인 과정에서 렌더링이 한번 발생하고, 이후에 다시 API로 데이터를 받아오는데 렌더링이 한번 더
답변
2
(kmj0973)
·
1년 이상
435
1
답변 2
개인 프로젝트 피드백 부탁드립니다!! (Next.js + firebase)
안녕하세요! 휴학 중에 개인 프로젝트 한번 만들어봤습니다! 아직 감이 잘 안 잡히다보니 chatGPT에 꽤나 의존했던 것 같습니다. 폴더 구조와 ssr, csr 사용 부분에서 피드백을 받고자 합니다! 또, containers 폴더 안 create 폴더에 있는 RouteChangeListener.tsx를 사용하여 퀴즈를 만들거나 푸는 도중에 현재 페이지를 벗어나려는 움직임을 감지하면 alert 창이 나오도록 설정하였습니다. 제가 생각했을 때 페이지가
답변
2
AvFa
·
거의 2년
506
0
답변 2
React 웹 개발중 Access Token 질문
안녕하세요. React를 이용해서 모바일 웹/관리자 웹 페이지를 개발하고 있습니다. 백앤드서버나, 모바일 앱에서 Access Token을 React에 전달해주면 그 값을 Zustand로 갖고 있다가 API 통신 할 때 해당 Access Token을 같이 보내려고 합니다. 현재는 react-query, axios를 통하여 백앤드와 API 통신을 하고 있고, axios에서 통신을 할 때 Zustand에 있는 값을 가져다가 사용하려고 합니다. 하지만 Z
답변
1
홈프로텍터
·
약 2년
802
0
답변 1
프론트엔드 next js 14 앱 라우터 (app router) 에서 SSR 컴포넌트 관련 질문
next js 에서의 서버사이드 렌더링 페이지에 관한 질문 입니다. 저희가 전역상태관리를 zustand로 하고 사용자가 로그인을 하면 사용자 정보를 zustand store에 저장해놓고 다른 컴포넌트에서 불러와서 사용하려고 했습니다. 그런데 zustand 자체가 서버 컴포넌트에서 사용할 수 없어서 무조건 클라이언트에서만 zustand의 상태관리 기능을 이용할 수 있다고 하는데 다른 방법이 없는 것일까요.. 저희가 동적 라우팅(dynamic rou
답변
2
봉봉포도2
·
약 2년
785
0
답변 2
리액트 - 전역 상태 관리(zustand)
안녕하세요. 방법을 도통 모르겠어서 질문드립니다.ㅠ 로그인(인증)된 유저 정보는, 전역 상태로 zustand를 이용해서 관리하고 있고요, useEffect로 cookie의 토큰값이 변경될 때만, 서버에 비동기 요청해서, 인증 절차 통해서 유저 정보를 가져오는데, 문제) 인증이 필요한 다른 페이지로 접속하면, 쿠키 값이 변하지 않았는데도, 유저 정보(전역 상태)가 null로 되었다가 다시 상태가 업데이트 되는데 다른 비동기 요청들도 있어서, 유저
해결
1
Gongshow
·
2년 이상
226
0
해결 1
zustand 기본 코드 질문
import {create} from 'zustand' interface CountState {<!-- --> counts: number; increaseCount: () => void; } const useCountState = create<CountState>((set) => ({<!-- --> counts: 0; increaseCount: () => set(state &
Search Bar
