I T H

로그인 및 인증 처리 완료시 리덕스 스토어에 변수 isAuth 가 true로 바뀌는 것까지 했다면 이번 챕터에서는 isAuth or Role의 값에 의해 페이지경로가 다르게 처리되는 로직을 하겠다. 즉, 관리자 페이지 or 로그인 or 로그인이 안했을경우 페이지가 각각 다르게 처리되야 하므로, redux store에 있는 값들(isAuth, role의 값)을 불러와서 header부분과 app.tsx의 route부분을 각각 처리해주자! Frontend [ src / layout / Header / index.tsx ] - 먼저 redux의 useSelector 훅을 사용해서 isAuth의 값과 role의 값을 불러온다. - auth가 true이면 로그인이 완료되었기에 마이페이지와 로그아웃이 보이게 하고, ..

JSTL을 활용하여 로그인한 경우에는 로그아웃 버튼을 활성화 로그인하지 않은 경우에는 로그인/회원가입 버튼을 활성화하여 보여주도록 함. 앞서 세션 정보에 로그인 아이디를 (userId) 사용하여 체크함. [ incHeader.jsp ] - 수정 jstl 사용을 위한 선언문 태그를 이용하여 경우에 따라 보여줄 버튼을 처리 메인 상품 게시판 장바구니 마이페이지 회원관리페이지 상품등록페이지 반가워요 ${userId}님 로그아웃 로그인 회원가입 Cart (0) Favourite Search [ 로그인하지 않은 경우 ] [ 로그인한 경우 ]