본문 바로가기
728x90
320x100

💻 뚝딱뚝딱93

[팀내도서대여시스템(OBRS) Ver.1)] 개발완료 보고 및 기능소개 / Ver2 개발예정인 기능 열흘 간, 정말 재밌고 열심히 했던 팀내도서대여시스템(OBRS)가 Ver1 개발을 마쳤다. (*배포 제외) 사이드프로젝트의 버전완료를 낸 게 처음이라 감개무량하고 기쁘고 신기하고 즐겁다. 그래서 Ver1 개발완료한 기념, 어떻게 이 시스템을 만들게 되었고 어떻게 만들었으며 어떤 기능을 제공하는지 글로 따로 남겨보기로 한다. [작업기간] 2023.3.28~2023.04.08 [개발계기] 개발을 시작하기 전, 아래의 포스팅을 통해 개발을 하게된 계기와 어떤 기술스택을 쓰는지, 최소 요구사항은 어떠한 지 작성했던 글이 있긴 하지만, 개발을 마친 지금 조금 더 정리하여 말해보기로 한다. 최근 읽었던 책을 다시 읽으며 이 좋은 책들을 팀원들에게 대여해주고 싶다는 생각을 했고, 팀내 슬랙에 내가 가지고 있는 책들을.. 2024. 4. 11.
[개발일지#011] 회원정보수정 수정하기 회원정보수정 페이지가 이미 존재하고 기능이 구현되어 있으나 사용자의 사용에 가깝게 수정해보도록한다. [개발목표] 1. 회원정보수정 수정하기 [구현화면] 회원정보를 수정하려면 아이디와 비밀번호을 한번 더 입력해야 하며 아이디와 비밀번호가 일치할 경우에만 회원 정보 수정 페이지로 이동할 수 있다. 회원정보 수정페이지에서는 아이디를 제외한 이름과 비밀번호만 수정이 가능하다. 비밀번호는 비밀번호 확인 입력까지 완료해야 저장이 가능하다. 회원정보수정 페이지는 이미 구현했지만 형태를 변경 + 가입시 스크립트 그대로 사용 하였고 로그인 확인 페이지 역시 로그인 화면에서 그대로 가져와서 사용한 거라 이번에는 컨트롤러만 톧아보기로 한다. 사실 컨트롤러도...로그인 컨트롤러와 거의 흡사하긴 함. MemberControll.. 2024. 4. 11.
[개발일지#010] 페이지네이션 적용하기 (회원목록 / 나의책 / 빌린책 / 모든책) 목록을 출력하는 모든 화면에 페이지네이션을 적용해보자. [개발목표]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}, .. 2024. 4. 11.
[개발일지#002] 나만의 그리드 일명 '뚜루리그리드' 만들기 Ver2 일단 만들긴 했다. 근데 문제가 있다. 버전1으로 하면 만들어지긴 하지만 컬럼을 추가하거나 할 때마다 그에 맞춰 함수를 변경해야 한다. 그래서 버전2에서는 컬럼과 데이터만 json형태로 제공해주면 그리드가 생성되도록 만들어볼 생각이다. 객체지향 개념 즉, class를 사용해서 만드는 것이 가장 베스트라고 생각이 들지만 아직 자바스크립트의 객체지향 형태는 익숙하지 않음으로 일단 내가 늘 만들어오던 Function을 활용해서 만들어보고 버전3에서 객체지향을 도입하여 Class 형태로 변경해볼 예정이다. grid_ver2.js (전체) const columns= [ { name : "회원명", id : "memberId", dateType : "String"} , { name : "이름", id : "name.. 2024. 4. 11.
[개발일지#009] 로그인 / 로그아웃 / 회원가입 수정 및 구현 로그인, 회원가입 기능을 수정하고 로그아웃 기능을 추가해보자! [개발목표] 로그인 기능 수정 및 구현 로그아웃 기능 구현 회원가입 수정 1. 로그인 기능 수정 및 구현 [구현화면] [요구사항] 아이디와 비밀번호를 통해서 로그인을 한다. 아이디와 비밀번호 둘 중에 하나라도 빈 값을 입력할 시 로그인 할 수 없고 화면에 안내문구를 띄운다. '비밀번호보기' 기능 : 눈 아이콘을 클릭하면 입력한 비밀번호가 그대로 보여지고, 다시 클릭하면 다시 패스워스 형태로 돌아간다. '아이디 기억하기' 기능 : '아이디 기억하기' 기능을 체크하고 로그인 하면 다음 로그인 시 아이디가 입력된 상태로 보여진다. LoginForm.java package seulgi.bookRentalSystem.domain.login; impor.. 2024. 4. 10.
[개발일지#008] 나의책 / 빌린책 기능 구현 회원에 한해 내가 등록한 책 리스트와 내가 빌린 책 리스트를 확인할 수 있는 화면을 생성한다. [개발목표] 나의 책 / 빌린 책 화면 구현 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.. 2024. 4. 9.
728x90
320x100

티스토리툴바