나의개발일지

결과 화면transform : rotateX, rotateYrotateXrotateX는 요소가 x축을 기준으로 회전을 한다.transform : rotateX(90deg) rotateY rotateY는 요소가 Y축을 기준으로 회전을 한transform: rotateY(180deg) React 부분컴포넌트 상태 관리 hookconst [isFlipped1, setIsFlipped1] = useState(false);const cardRef = useRef(null); useEffect()IntersectionObserver를 사용하여 'cardRef' 로 참조된 카드 요소가 화면에 90%이상 나타나면 setFlipped1, setIsVisible 상태를 true로 설정하여 애니메이션 트리커useEffect..

JWT?JWT(Token) 또는 JSON Web Token은 JSON 객체를 사용하여 두 개체 간에 정보를 안전하게 전달하기 위한 컴팩트하고 독립적인 방식이다. JWT는 주로 인증 및 정보 교환에 사용되며, 보통 세 가지 부분으로 구성된다 헤더(Header)JWT의 유형과 해싱 알고리즘을 지정한다 페이로드토큰에 담을 실제 정보를 포함한다 서명JWT의 무결성을 보장하기 위해 사용된다. 서명은 헤더, 페이로드, 그리고 비밀키를 결합 하여 생성되며, 이를 통해 토큰이 변조되지 않았음을 확인한다. JWT예시Spring Security?Spring Security스프링 프레임워크에서 제공하는 보안 프레임 워크로, 웹 애플리케이션과 서비스에 대한 인증 및 인가를 구현하고 관리하는 데 사용된다. Spring Secu..

관리자로 부터 도서이름, 저자, 출판사, 출판일, isbn, call-number, 대출여부, 이미지를 받아서 DB에 저장한다. 도서 등록 구현 1. JSP페이지 JSP 페이지에서 b_name, b_author, b_publisher, b_publish_year, b_isbn, b_call_number, b_rantal_able, file 을 받아서 post 방식으로 전송한다. 이때 /book/admin/registerBookConfirm신호를 Controller에게 보낸다. SELECT BOOK RANTAL ABLE. UNABLE. ABLE. 2. Vo 객체 Vo객체란 Value Object를 뜻하며 데이터를 담는 객체이다. 주로 데이터의 전달하거나 받는데 사용한다 (Getter, Setter) 이 코..

비밀번호를 잊어버리면 DB관리자도 암호화된 비밀번호를 알 수 없어서 새로운 비밀번호를 생성후 DB에 업데이트하고 메일로 발송 한다. 프로젝트를 시작하고, 로그인버튼을 클릭한후 find password 버튼을 눌러서 새로운 비밀번호 찾기 절차가 실행된다. ◆ 비밀번호 찾기 화면 ◆ 메일 전송 완료 메일 발송 모듈 설정 스프링에서는 메일 발송을 위해 JavaMailSenderImpl을 이용한다. JavaMailSenderImpl을 사용하기 위해 pom.xml과 Ioc컨테이너에 등록하는 과정이 필요하다. com.sun.mail javax.mail 1.6.2 true true contextConfigLocation /WEB-INF/spring/root-context.xml /WEB-INF/spring/jdbc-..

계정 수정 아이디와 비밀번호를 제외한 이름, 성별, 부서, 직책, 이메일, 전화번호를 새로 수정한다. 계정 수정 구현 1. JSP 페이지 SELECET USER GENDER. Man Woman JSP 페이지에서 세션값에 있는 정보를 불러와 표시하고 수정하는 페이지이다. a_m_no값은 hidden타입으로 전송하고, id와 password는 readonly값을 주어서 수정불가능 하도록 구현한다. modify_account_form.jsp 페이지에서 modify account버튼을 눌러서 submit을 하게 되면 해당 form태그 안에 있는 정보들이 컨트롤러로 넘어가게된다. 2. Controller @GetMapping("/modifyAccountForm") public String modifyAccount..

로그인, 로그아웃 아이디와 패스워드를 받아 로그인을 진행한다 로그인 구현 1. JSP 페이지 form태그로 아이디와 패스워드를 입력받아 c태그로 loginConfirm이라는 신호를 보낸다. 2. Controller 컨트롤러에서 loginConfirm 신호가 들어오게 되면 서비스로 넘어가 로그인 정보가 맞는지 확인하는 작업을 수행한다. 로그인 정보가 맞으면 세션에 정보를 저장하고, login_ok 페이지를 맞지 않으면 login_ng 페이지를 리턴한다. @PostMapping(value= "loginConfirm") public String loginConfirm(AdminMemberVo adminMemberVo, HttpSession session) { System.out.println("[Admin..

회원가입 ID, 패스워드, 이름, 성별, 파트, 포지션, 이메일, 핸드폰번호를 받아 회원가입을 진행한다. 해당 정보들은 데이터베이스와 연동하여 데이터베이스의 테이블에 저장된다. 구현 1. DAO DAO는 데이터베이스와 상호작용을 하기 위한 객체이다. DAO는 일반적으로 데이터베이스와 통신하며, 그 내부에서 sql문을 사용하여 데이터를 조작한다. public int insertAdminAccount(AdminMemberVo adminMemberVo) { System.out.println("[AdminMemberDao] insertAdminAccount"); List args = new ArrayList(); String sql = "insert into tb1_admin_member("; if (admin..

본 프로젝트에서는 도서 대출, 도서 관리, 회원 가입, 로그인, 도서 검색 등 도서관에 필요한 기술을 관리자 페이지와 회원 페이지로 나누어서 관리하는 웹 전자 도서관을 만들 것이다. 개발툴로는 STS, MySQL WorkBench를 사용할 것이고 언어로는 JSP와 JAVA를 주로 사용할 것이다. 1. Java버전 및 설치 본 프로젝트에서는 자바 버전 11.0.20 LTS버전을 사용한다. https://www.oracle.com/java/technologies/javase/11-0-20-relnotes.html Java™ SE Development Kit 11, 11.0.20 Release Notes The full version string for this update release is 11.0.20+..