일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- register
- 스프링시큐리티
- Styled Components
- stock option
- 달력 라이브러리
- 밸류즈 홈페이지
- ui탬플릿
- RCPS
- 로그인
- Token
- 회원가입로직
- 밸류즈
- 관리자페이지
- 마이페이지
- jsonwebtoken
- 배포
- MRC
- Ajax
- Update
- mypage
- 빌드 및 배포
- 파생상품평가
- 캘린더 라이브러리
- 인증처리
- 이미지 업로드
- 로그인 로직
- Typesciprt
- userManagement
- 공통메서드
- react
- Today
- Total
목록Spring ArtGallery Project (20)
I T H

Spring Security를 사용한 로그인 구현 (커스터마이징) 로그인 로직을 개발 시 고려해야 할 로직은 아래와 같음. 로그인 성공 / 실패를 구분하여 처리 로그인 시 권한 정보를 부여하여 로그인 성공 시 권한에 따라 페이지 이동이 다르게 가도록 처리 로그인 실패에 대한 예외 처리 - 스프링 시큐리티 소스코드나 이론에 대한 내용은 MyPortfolio Project에 시큐리티 관련 소스코드를 올려놓겠다. [ 로그인 페이지 - login.jsp ] 로그인 아이디 비밀번호 ${error} 로그인 [ login.js ] /******************************************************************************* * * login.js * * @author..

화면단 (프론트) 작업이 끝났으므로 이제는 백엔드 작업을 진행하기로 함. 회원가입 백엔드 쪽 로직은 두가지로 구분 1. 회원가입 전 아이디 중복체크를 위해 사용자 테이블에서 아이디가 존재하는지 확인 2. 회원가입 데이터 저장 전 원문 패스워드를 암호화된 패스워드로 변경 후 데이터 테이블로 저장 * 패스워드 암호화 처리는 스프링 시큐리티에서 제공하는 기본 클래스를 사용함. 백엔드 폴더 구성은 아래와 같음. 1. 컨트롤러 (Controller) 화면에서 버튼 클릭 등의 이벤트로 URL 호출 시 매핑할 URL 경로 및 메소드를 지정 2. 서비스 (Service) 데이터베이스 테이블 내 데이터 저장, 수정, 삭제 시 서비스 클래스를 호출하여 트랜잭션 처리를 하기 위함 3. 마이바티스 인터페이스 및 쿼리 매핑 x..

데이터베이스 생성 및 테이블 설계를 완료한 후 지난번까지 진행한 기본 설정이 끝난 프로젝트를 통해 회원가입 페이지를 구현. 먼저 회원가입 페이지 (템플릿을 이용한 모든 페이지)에 사용될 로고를 먼저 만들어보자. 무료로 로고 이미지를 제작해주는 사이트가 많으므로 그 중 하나를 골라서 Pick! (참고 사이트 : https://www.canva.com ) favicon 이미지로 사용할 이미지도 같이 만듬. - 파비콘 템플릿을 통한 화면 UI 구성 css, js, footer 영역을 별도의 jsp로 빼서 임포트 하는 방식으로 선택 추가로 개발되는 페이지에서도 소스 코드 재작성없이 사용할 수 있도록 하기 위함. [ css 파일 ] [ js 파일 ] [ footer 영역 ] Subscribe for a 25% D..

화면마다 공통으로 사용할 스크립트 파일을 정리하기 위해 공통사용 스크립트 파일을 따로 만들기로 함. [ util.js ] ajax 호출을 함수화 시켜 호출하여 사용할 수 있도록 함. /****************************************************************************** * * cfFind * ajax call 를 통한 데이터 조회 시 사용 * ******************************************************************************/ function cfFind(url, obj, fnSuccess, isSync, type) { $.ajax({ beforeSend: function(xhr) { xhr...

데이터베이스의 경우 이미 설치되어 있는 MariaDB(Mysql)를 사용. (개인 스터디용 서버를 사용중임으로 별도의 데이터베이스 설치는 생략) DB 접속 툴은 무료 툴인 Dbeaver를 사용. (https://dbeaver.io/download/ 경로에서 다운로드 및 설치 가능) [ Dbeaver를 통한 데이터베이스 접속 확인 ] 접속하고자 하는 데이터베이스 종류 선택 후 다음 버튼 클릭 개인 접속 정보를 입력하여 접속 [ 데이터베이스 신규 생성 ] 신규 데이터베이스 생성 데이터베이스 생성 확인 다음은 테이블 설계 및 모델링을 진행. 테이블의 경우 아래와 같이 회원 정보 테이블을 비롯한 테이블이 설계될 예정. 순번 테이블명 비고 1 회원정보 테이블 일반사용자, 관리자 권한을 구분할 컬럼이 반드시 필요 ..