(7.1) Frontend Authentication_ 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 7장 Frontend Authentication 안녕하세요? 죠니입니다. 이제 이번 React+Django+Redux Authentication의 마지막 주제가 되겠습니다. - Login Functionality(로그인 기능) - Login - get a token (토큰 발급 받기) - Token 확인이 되어 인증 받기 - Register - 회원가입 하기 바로 시작해 보겠습니다. (1) /src/actions/types.js - 로그인 성공, 로그인 실패에 대한 type 추가하기 - Code on Color Scripter (2) /src/actions/auth.js - auth.js 파일 내에 로그인 성공, 실패에 대한 코드를 추가합니다. - 5, 6번째 포스팅에서 진행했던 토큰에 대한 코드와 매우.. 더보기 (6.2) 권한주기(Auth State & Private Routes)_ 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 (6.2) 권한주기(Auth State & Private Routes)_ 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 안녕하세요? 죠니입니다. 바로 시작할게요! - 아직까진 Add Lead(data 생성)과 Lead list(data list) 페이지가 숨겨지지 않고 전면에 공개되어 있습니다. 있어서는 안될 일이죠. - 그래서 당연하지만 인증 받은 계정으로 접속시에만 해당 기능이 가능한 페이지로 넘기도록 작업을 할 것 입니다. (10) Lead data 생성 화면 숨기기 입니다. 시작! (10) /src/components/common/PrivateRoute.js 파일 생성 및 작성 - Lead data 생성 및 리스트 페이지 숨기기 // 권한을 가진 계정만 접근 가능 - .. 더보기 (6.1) 권한주기(Auth State & Private Routes)_ 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 (6.1) 권한주기(Auth State & Private Routes)_ 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 안녕하세요? 영어쨈 죠니 입니다. 저번 포스팅에선 백엔드에서 토큰을 발급받고 이를 활용해 로그인 등을(백엔드 에서) 구현하는 법과 등록, 로그인 그리고, 토큰을 받고 해당 토큰을 이용하여 보호된 루트들로 접근하는 것을 알아보았습니다. 이번 포스팅에선 로그인, 등록 컴포넌트들로 Interface에 띄울 수 있게 하고, react router를 설치하고, 인증 권한에 따른 페이지 접근 등을 알아봅니다. 로그인을 해야만 서비스 페이지에 접근 및 서비스를 이용 가능하게 하는 것과 같습니다. - 인증 받은 예정으로 접근해야만 다음의 페이지에 접근해 이후 작업을 진행할.. 더보기 이전 1 2 3 4 5 6 7 ··· 11 다음