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

hanks716님의 프로필 이미지
hanks716

작성한 질문수

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

로그인전 메뉴를 선택했을때...

해결된 질문

작성

·

161

0

 잠깐이지만 Logout과 Upload 메뉴를 보이지 않게하려면 어떻게 해야할까요...??

답변 2

0

저도 이거 해결해보고자 검색 해봤는데

user가 undefined일 때 조건을 줘서 해결했습니다.

  if(user.userData === undefined){
        return null
    }else{
        if (user.userData && !user.userData.isAuth ) {
            return (
                <Menu mode={props.mode}>

특정 페이지에 권한을 주고 들어가도 redirect 하기 전에 잠깐 보여지는데

이때도 똑같이 적용했어요.. (그런데 권한있는 페이지마다 이렇게 해줘야하는건지..?)

    if(!props.user.userData.isAuth){
        return null;
    }else{
        return (
            <div style={width: '100%' }}>
            {console.log("engine landing")}
            <Layout style={padding: '0 24px 24px'overflow: 'auto' }}>

0

John Ahn님의 프로필 이미지
John Ahn
지식공유자

아무래도  현재 client side rendering을 하기에 아예 안보이게 할수는 없지만 현재 

백엔드와 클라이언트의 통신을 createProxyMiddlware를 쓰고 있는데 이부분이 통신 속도를 느리게 해서 

Logout과 Upload 메뉴가 더 잘 보이게 하는것 같습니다...

우선 방법은 여러가지가 있는데  cors 모듈을 이용해서  proxy없이 직접 5000번 포트로 request를 줄수 있습니다. 

아니면 


https://create-react-app.dev/docs/proxying-api-requests-in-development

여기에 보시면 처음부분에 

"proxy": "http://localhost:4000",

 

이렇게 하는 부분 보이실텐데 이렇게만 바꿔주셔도 속도가 빨라질것같습니다.

현재 속도 문제로 저도 boiler-plate을 수정하려고 하고있습니다 ^^ 

hanks716님의 프로필 이미지
hanks716

작성한 질문수

질문하기