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

Question

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

유인 · Answer

저도 이거 해결해보고자 검색 해봤는데 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' } } >

John Ahn · Answer

아무래도  현재 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을 수정하려고 하고있습니다 ^^