본문 바로가기
728x90

code.camp27

useApolloClient로 원하는 곳에서 쿼리하기, apolloCache 직접 수정하기 8/4 권한 분기에 대해서 배웠다. 프론트엔드가 최소 2개 이상으로 분리된다. 사용자들이 접속하는 사용자 프론트엔드 서버, 뒤에서 관리자들이 접속하는 관리자 프론트엔드 서버, 더 많게는 판매자용, 구매자용, 중개자용 등등 여러 관리자서버가 존재한다. 우리는 단지 사용자이기 때문에 매일 사용하는 네이버 홈페이지가 하나밖에 없는줄 알고 있었는데 내가 여태 몰랐던 네이버 관리자 프론트엔드 서버가 존재한다. 여기에는 네이버 가입자 명단 등등을 게시판 형태로 볼 수 있도록 페이지네이션이 되어있을 것이다. 이런 권한 분기도 있지만, 오늘 배웠던 부분은 사용자 서버 안에서의 로그인 한 유저 / 로그인 안한 유저를 구분하는 권한 분기이다. 이 방법으로는 useEffect에서 accessToken이 없으면 /login .. 2021. 8. 8.
로그인을 하려면? 8/3 Backend는 어떤 사람이 api를 요청하는지 알 수 없다. 그래서! 유저의 모든 api 요청에는 accessToken을 함께 보내준다. 이 토큰을 받은 Backend는 accessToken을 열어서 그 안에있는 JSON 내용물을 보고 "짱구"인지 "맹구"인지 구분을 할 수 있다. 이러한 작업이 가능한 이유는 accessToken이 JWT(Json-Web-Token)이기 때문이다. JWT 가짜 토큰인지 확인 인증 여기에 토큰을 넣어서 보내준다 백엔드가 이걸 가지고 있다~ 첨부가 되어서 날라가게 된다 LoginSuccess에 들어가도 로그인으로 들어가진다. 로그인을 하고 새로고침을 하면 또 다시 돌아간다. 2021. 8. 8.
레이아웃? 그게 뭐냐면 UI의 배치라는거다 페이지를 넘길때 그대로 계속 보여지고 싶은거를 고정할 수 있는 것. 설치해야 되는 것은 1. yarn add react-slick 2. npm install slick-carousel 2021. 7. 21.
728x90