강의

멘토링

커뮤니티

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

천영도님의 프로필 이미지
천영도

작성한 질문수

실전 리액트 프로그래밍

인증 API 호출하기

질문 있습니다

해결된 질문

작성

·

164

1

안녕하세요! 강의 잘 보고 있습니다

11:31 경 로그인 되어 있지 않을 때 User 페이지에 접근하면 깜빡거리는 현상이 있는데요. 게다가 어차피 로그인 페이지로 이동하는데 불필요하게 서버 api 호출도  일어나더라구요. 그래서 이를 방지하기 위해 다음과 같은 코드를 사용해도 괜찮을까요?

// before
export default function App() {
// ...
    <>
      <Route exact path="/" component={Search} />
      <Route path="/user/:name" component={User} />
      <Route path="/login" component={Login} />
      <Route path="/signup" component={Signup} />
    </>
  );
}

// after
export default function App() {
    const authStatus = useSelector((state) => state.auth.status);
    <>
      {authStatus && (
      <Route exact path="/" component={Search} />
      <Route path="/user/:name" component={User} />
      <Route path="/login" component={Login} />
      <Route path="/signup" component={Signup} />
      )}
    </>
  );
}

답변 1

1

이재승님의 프로필 이미지
이재승
지식공유자

안녕하세요!
좋은 최적화 포인트라고 생각합니다 👍👍

천영도님의 프로필 이미지
천영도

작성한 질문수

질문하기