(7.4) Frontend Authentication_ 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 (7.4) Frontend Authentication_ 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 안녕하세요? 죠니입니다. 이제 진짜 마지막의 마지막에 다가왔군요. - 인증받은 계정으로 로그인 시에만 새로운 데이터를 생성하고 관리하는 것이 가능해 지도록 하는 작업을 할 차례입니다. - 시간 끌지 말고 바로 해볼까요? (25) /src/actions/leads.js - lead action을 조금 수정합니다. - action의 auth.js 파일에서 token config function이 있습니다. 그것을 leads로 가져옵니다. - token 을 얻기 위해 다음과 같이 dispatch와 함께 getState를 줍니다. - 결과 확인 - 새로고침을 해 보면 - 프로젝트 내.. 더보기 (7.3) Frontend Authentication_ 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 7장 Frontend Authentication 안녕하세요? 죠니입니다. 이번 7.3은 로그인 시 메세지 출력 부터 시작하겠습니다. (12) /src/components/layout/Header.js - Header.js 파일에 다음과 같이 코드를 작성합니다. - 음... 코드를 작성하기 전에 제가 예상했던 메세지와는 조금 다르지만, 이것도 확실히 쓸모가 있습니다. - 다음의 결과화면과 같이 로그아웃 버튼의 좌측에 Welcome 메세지가 발생되어 있고 user name이 있어 어떤 계정으로 인증을 받았는지 알 수 있습니다. (13) /src/actions/auth.js - auth.js 액션 파일의 가장 아래에 다음과 같이 코드를 추가 작성합니다. - logout user 부분의 다음의 블록지정된 코드를.. 더보기 (7.2) Frontend Authentication_ 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 7장 Frontend Authentication 안녕하세요? 죠니입니다. 이번 7.2 에선 지난 포스팅에 진행했던 로그인에 이어 로그아웃을 하도록 합니다. (5) /src/components/layout/Header.js - 먼저 UI를 보시면 로그아웃을 하는 링크는 보이지 않습니다. - 로그인 상태라면 로그아웃 버튼이 있어야 하고, 로그아웃 상태라면 로그인 버튼을 제공해 줍니다. - react redux와 proptypes를 가져옵니다. - 로그아웃을 구현하기 위한 코드 수정 및 추가 작성을 진행합니다. - 다음은 Register와 Login에 대해 작성되어 있던 의 코드를 모두 잘라냅니다.(ctrl + x) - 그리고 그 잘라냈던 코드는 다음에 붙여줍니다. - const guestLinks 를 새로 .. 더보기 이전 1 2 3 4 5 6 ··· 11 다음
