프론트에서 로그인 상태 관련 질문드립니다
151
작성한 질문수 8
강의 정말 잘 들었습니다
다른 토이 프로젝트를 진행하다 강의에서 배운 HOC를 활용하고 싶어 질문드립니다
1. HOC안에 넣을 컴포넌트가 만약 여러 개인 경우는 어떻게 하나요?
이런식으로 되어있을 경우입니다
그냥 컴포넌트 구조를 다시 짜는게 바람직할까요?
2. HOC같은 기능을 페이지 단위가 아닌 컴포넌트 단위로는 어떻게 적용하나요?
예를 들어 NavigationBar에 한 컴포넌트를 현재 로그인 상태의 반대로 로그아웃, 로그인 버튼을 랜더링 해주려 합니다.
제가 생각해본것은 userData ? <LogoutBtn/> : <LoginBtn/> 이런식으로 랜더링 하는 것인데
이게 올바른 방법인지 궁금하네요
3. 쿠키에 저장된 토큰과 리덕스 사이에서 로그인 관련 상호작용이 궁금합니다
페이지 라우팅 해주는 곳에서 모든 페이지에 hoc처리를 해주고,
페이지 내 컴포넌트에서는 2번 질문에 제가 말한대로 하면 되는건가요?
감사합니다
답변 1
0
안녕하세요
1. 이러한 문제를 React Hook을 이용해서 해결가능합니다.
여기서 설명하기가 애매해서 제가 훅에 대해서 올려놓은게 있는데 보시면 도움이 될 거라 생각 됩니다.
https://www.youtube.com/watch?v=C26vJqelKlA&list=PL9a7QRYt5fqlnuhU_Zgj2jKu6Ldw6UUCW&index=4&t=1s
2. userData ? <LogoutBtn/> : <LoginBtn/> 이런식으로 할 때는 Hoc에서 userData를 props로 내려주거나 리덕스에 값을 넣어서 처리해주실수 있습니다.
깃 이메일이랑 비번이 필요하다고 하네요
0
30
1
404 에러
0
101
1
34강 인증 체크에서 element 사용 때문에 에러나시는 분들 이렇게 하심 됩니다.
0
118
1
로그인, 로그아웃, 토근 작동 안 함
0
237
0
9강 오류 어떻게 해결하나요?
0
192
1
localhost 에서 연결을 거부했습니다.
0
1921
4
포스트맨에서 true가 안떠요
0
150
1
왜 안되나요
0
128
1
몽고db 연결 오류가 납니다 위에껀 입력한 코드, 아래껀 터미널이에요
0
242
1
로그아웃 401 에러(Unauthorized)
0
501
2
암호가 해싱되지 않고 입력값 그대로 db에 저장되는 문제
0
147
1
7강중에서
0
162
2
User.findByToken is not a function
0
210
1
루트 디렉토리
0
268
1
useState
0
559
1
프록시 잘 설정했는데도 404 오류 뜨는 분들
5
874
6
webpack 관련 에러 질문
0
218
1
리액트 관련 질문
0
271
1
14강 로그아웃 안됨
0
315
1
mongoDB 데이터 확인하는 법
0
407
1
postman 에러
0
289
1
선생님 리덕스를 사용하면 어떠한 부분이 좋은지 알 수 있을까요?
0
231
1
다음과 같은 에러들이 발생합니다.
0
268
1
14강 로그아웃 기능 구현시 postman에서 Cannot POST 오류가 뜹니다.
0
376
1