꾸준함이 재능인 개발자 입니다. 꾸준함이 재능인 개발자 입니다.

열흘 간, 정말 재밌고 열심히 했던 팀내도서대여시스템(OBRS)가 Ver1 개발을 마쳤다. (*배포 제외) 사이드프로젝트의 버전완료를 낸 게 처음이라 감개무량하고 기쁘고 신기하고 즐겁다. 그래서 Ver1 개발완료한 기념, 어떻게 이 시스템을 만들게 되었고 어떻게 만들었으며 어떤 기능을 제공하는지 글로 따로 남겨보기로 한다. [작업기간] 2023.3.28~2023.04.08 [개발계기] 개발을 시작하기 전, 아래의 포스팅을 통해 개발을 하게된 계기와 어떤 기술스택을 쓰는지, 최소 요구사항은 어떠한 지 작성했던 글이 있긴 하지만, 개발을 마친 지금 조금 더 정리하여 말해보기로 한다. 최근 읽었던 책을 다시 읽으며 이 좋은 책들을 팀원들에게 대여해주고 싶다는 생각을 했고, 팀내 슬랙에 내가 가지고 있는 책들을..

회원정보수정 페이지가 이미 존재하고 기능이 구현되어 있으나 사용자의 사용에 가깝게 수정해보도록한다. [개발목표] 1. 회원정보수정 수정하기 [구현화면] 회원정보를 수정하려면 아이디와 비밀번호을 한번 더 입력해야 하며 아이디와 비밀번호가 일치할 경우에만 회원 정보 수정 페이지로 이동할 수 있다. 회원정보 수정페이지에서는 아이디를 제외한 이름과 비밀번호만 수정이 가능하다. 비밀번호는 비밀번호 확인 입력까지 완료해야 저장이 가능하다. 회원정보수정 페이지는 이미 구현했지만 형태를 변경 + 가입시 스크립트 그대로 사용 하였고 로그인 확인 페이지 역시 로그인 화면에서 그대로 가져와서 사용한 거라 이번에는 컨트롤러만 톧아보기로 한다. 사실 컨트롤러도...로그인 컨트롤러와 거의 흡사하긴 함. MemberControll..

목록을 출력하는 모든 화면에 페이지네이션을 적용해보자. [개발목표]1. 페이지네이션 적용하기 페이지네이션을 적용할 화면은 회원목록 / 모든책 / 나의책 / 빌린책 총 4개의 화면이 될텐데 모두 비슷한 형태로 사용되기 때문에 회원목록의 예만 올려볼 예정. [구현화면]맨 처음 / 이전 / 페이지 부분 / 다음 / 맨 끝 형태로 페이지 네이션을 구현한다.현재 페이지에 대한 표시는 육안으로 알아 볼 수 있게끔 한다. MemberMapper.xml 수정 / 추가 SELECT MEMBER_ID AS memberId , MEMBER_NAME AS memberName , PASSWORD , JOIN_DATE AS joinDate FROM MEMBER_TB ORDER BY joinDate LIMIT #{offset}, ..

로그인, 회원가입 기능을 수정하고 로그아웃 기능을 추가해보자! [개발목표] 로그인 기능 수정 및 구현 로그아웃 기능 구현 회원가입 수정 1. 로그인 기능 수정 및 구현 [구현화면] [요구사항] 아이디와 비밀번호를 통해서 로그인을 한다. 아이디와 비밀번호 둘 중에 하나라도 빈 값을 입력할 시 로그인 할 수 없고 화면에 안내문구를 띄운다. '비밀번호보기' 기능 : 눈 아이콘을 클릭하면 입력한 비밀번호가 그대로 보여지고, 다시 클릭하면 다시 패스워스 형태로 돌아간다. '아이디 기억하기' 기능 : '아이디 기억하기' 기능을 체크하고 로그인 하면 다음 로그인 시 아이디가 입력된 상태로 보여진다. LoginForm.java package seulgi.bookRentalSystem.domain.login; impor..

회원에 한해 내가 등록한 책 리스트와 내가 빌린 책 리스트를 확인할 수 있는 화면을 생성한다. [개발목표] 나의 책 / 빌린 책 화면 구현 1. 나의 책 / 빌린 책 화면 구현 BookMapper.xml SELECT BOOK_ID AS bookId , BOOK_NAME AS bookName , BOOK_WRITER AS bookWriter , AUTHOR_ID AS authorId , (SELECT MEMBER_NAME FROM MEMBER_TB WHERE MEMBER_ID = AUTHOR_ID ) AS authorName , BOOK_STATE_CODE AS bookStateCode , (SELECT STATE_CODE_NAME FROM BOOK_STATE_CODE WHERE STATE_CODE = B..

책 정보를 수정하는 기능을 수정하고, 책 삭제 기능을 추가한다! [개발목표] 책정보 수정 기능 수정 책 삭제 기능 구현 1. 책 정보 수정 기능 수정 이미 대여중인 책은 책의 소유자가 책 상태 여부를 수정할 수 없다. bookEditForm.html 책 정보 수정 /// 생략 /// 상태 * 대여 중인 책은 상태를 변경할 수 없습니다. /// 생략 /// 저장 취소 bookEditForm.js function bookStateEditYn(){ let selectedValue = document.getElementById("bookStateCode").value; if (selectedValue == 'UNABLE'){ document.getElementById("bookStateCode").disable..

이 시스템의 핵심 기술인 대여와 반납기능을 구현해보자! [개발목표] 책 대여 / 반납기능 구현 1. 책 대여 / 반납 구현 book.html 책 정보 책 ID 책이름 저자 소유자 상태 등록일 책 정보 수정 삭제 대여하기 반납하기 목록으로 버튼 부분을 많이 수정했다. 버튼은 아래의 조건을 충족해야 했다. 일단 본인이 등록한 책인 경우 [대여하기] 버튼이 보이지 않아야 하고 본인이 등록한 책인 경우 [책 정보수정] [책 삭제] 버튼이 보여야 한다. 본인이 등록한 책이 아닌데 '대여가능' 상태라면 [대여하기] 버튼이 보여야 하고, '대여불가능'상태라면 [대여하기] 버튼이 숨겨져야 한다. 본인이 등록한 책이 아닌데 본인이 빌렸다면 [반납하기] 버튼이 보여야 한다. 이 부분을 타임리프 If문을 사용해서 했는데 머..

작업을 하면 할 수록 필요한 컬럼들과 테이블들 그리고 수정해야 하는 제약조건들이 늘어난다. 오늘은 데이터베이스를 수정해보기로 하고 그에 따른 XML을 수정하기로 한다. [개발목표] 필요한 테이블, 컬럼, 제약조건 수정 및 삭제 xml 쿼리 수정 [시작하는 말] 간단하게 하니까 크게 수정할게 없을 것 같다고 생각했고 또 나름 테이블 설계를 잘했다고 생각했는데 수정할게 생각보다 많았다. 후하 그럼 시작! 1. 필요한 테이블, 컬럼, 제약조건 수정 및 삭제 BOOK 테이블 BOOK_WRITER (저자) 컬럼이 추가되었다. 출판사는 없어도 책제목, 저자 정도는 있어야 할것 같았다. USE_AT (사용여부) 컬럼이 추가되었다. 책을 등록하고나서 나중에 삭제하고 싶을 수도 있다. 삭제하는 기능을 만들기 위해 사용여..