본문 바로가기
personal project/pcmoa

PCMOA - 로그인

by choi-dev 2024. 3. 3.

금일(24년 3월 3일)까지 완성하기로 했던 로그인 UI와 기능을 모두 구현하였다.

 

Spring Security 의존성 추가

단순한 로그인보다는 Security가 동작하는 빈을 주입 받아서 스프링부트가 이를 실행시켜 보다 안전한 로그인으로써 관리하기 위해 사용하게 되었다. 

 

완성된 모습

메인 페이지의 모습은 아직 변함이 없다. 관리자 페이지를 먼저 생성 후에 상품 ERD를 설계하고 진행하면 얼핏 모습을 갖출 수 있을 것이다.

 

계획했던 초안대로 회원 로그인과 비회원 주문 부분을 나누었다.

 

제이쿼리를 사용해서 토글할 수 있도록 했고 비회원 주문의 경우에는 기능 구현이 되어있지 않다.

 

input 태그의 required를 추가해서 아무것도 작성되지 않으면 다음과 같이 입력란을 작성하도록 유도했다.

 

security의 경우에는 에러가 발생했을 시에 위와 같이 에러 핸들링을 해준다.

 

<div th:if="${param.error}" class="alert alert-danger" role="alert">
    사용자 ID 또는 비밀번호를 확인해주세요.
</div>

그래서 파라미터에 에러값이 있으면 무조건 해당 문구가 출력되도록 했다.

 

기존에 만든 더미 데이터를 가지고 로그인을 시도하면 정상적으로 될 것이다.

 

메인 페이지로 이동되면서 서버의 세션 내에 이메일, 비밀번호, 유저의 권한이 담겨있다. 차후에 세션에서 값은 자주 꺼내 사용할 수 있기 때문에 이 부분을 객체지향적으로 구성할 예정이고 로그인이 아닌 로그아웃 버튼으로 변경해두었다.

 

내일할 것

내일은 아마 관리자 로그인, 가입부터 구현하고 관리자 페이지를 생성할 예정이다. 그 후에 상품과 관련해서 더미데이터를 임시로 생성해두고 장바구니, 주문 모듈까지 구현할 것이다.

'personal project > pcmoa' 카테고리의 다른 글

querydsl을 사용해서 조인  (0) 2024.03.07
1:N 관계를 매핑해주기  (0) 2024.03.07
PCMOA - 회원가입  (0) 2024.03.03
PCMOA 초안  (0) 2024.02.29
AWS 인스턴스에 연결  (0) 2024.02.28