강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

원피스를 찾아서님의 프로필 이미지
원피스를 찾아서

작성한 질문수

Slack 클론 코딩[백엔드 with NestJS + TypeORM]

implements, injectable(DI) 알아보기

리액트 관련 질문입니다.

작성

·

169

0

안녕하세요 제로초님.

리액트에서 혹시 공통적으로 서버에 요청을 보내는 것을 한곳(특정페이지 나 파일)에서 관리할 수 있을까요?

예를 들어 access_token이 만료되었을때 로그인페이지로 이동시키기 (모든 페이지에서 useEffect로 관리하기는 중복적인거 같아서요)

현재는 App.tsx에서 해당로직을 관리를 하고 있는데 새로고침시에만 실행되다보니 궁금해서 질문을 합니다 

어떤방식으로 중복을 줄일 수 있을까요?

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

보통 그런 것을 할 때 커스텀 훅으로 분리 관리합니다. 그리고 각 컴포넌트에서 임포트해서 사용합니다.

감사합니다 useEffect를 적용한 커스텀훅을 만들면 될까요?

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

네 그걸 쓰시면 됩니다.

원피스를 찾아서님의 프로필 이미지
원피스를 찾아서

작성한 질문수

질문하기