목록인증처리 (2)

I T H

[MySchedule project] 7. JWT(json web token) / 로그인 로직(2)

이번 챕터는 로그인 로직 2번째 - 백앤드로부터 받아온 토큰을 headers의 Authorization에 넣어 백앤드로 보내고 백앤드에서 지정해놓은 secret key를 이용해 유효한 토큰인지 확인한 후 데이터를 프론트로 전달하는 단계까지 하도록 하겠다. - 로그인 뿐만 아니라 인증이 필요한 경우가 많으므로, 로그인 후에 인증요청시 토큰을 보내서 백앤드에서 유효한 토큰인지 확인하는 과정이다. - Frontend [ App.tsx ] - redux store에 저장된 데이터를 가져오기 위해 useSelector를 사용한다. 타입을 미리 지정해놓았기 때문 useAddSelector를 통해 isAuth를 불러와서 사용하도록 하였다. - isAuth 부분이 true가 되었다면 로그인이 완료되었다는 뜻이므로, 로..
React + Node.js 2024. 1. 30. 15:27
[포트폴리오 프로젝트 5] 로그인 페이지 구현(spring security포함)

로그인 구현에 앞서 폴더 구성을 변경하고자 한다. 아래와 같이 index.jsp를 제외한 앞으로 신규 생성될 jsp 파일들은 WEB-INF/views 폴더 아래에 위치시키도록 한다. - 앞서 admin.jsp 페이지 위치가 다르게 설정되어 있었으므로 아래와 같이 컨트롤러도 수정하여 준다. - 로그인 구현을 위한 화면 UI를 작성한다. [ JSP ] WEB-INF\views\cLogin.jsp 아이디, 비밀번호 입력 창이 가운데 배치가 되도록 스타일 수정을 해주었다. 로그인 페이지 로그인 정보를 입력하세요. 아이디 비밀번호 로그인 다음으로 스크립트를 작성한다. 아이디와 비밀번호를 입력 후 로그인 버튼을 클릭하면 서버사이드 컨트롤러를 호출하여 로그인 체크를 하도록 해준다. [ JS ] webapp\resou..
Spring MyPortfolio Project 2024. 1. 24. 10:34
이전 Prev 1 Next 다음