본문 바로가기
728x90
320x100

💻 뚝딱뚝딱/팀내도서대여시스템(OBRS)19

[개발일지#017] 로그인 인터셉터(Interceptor) 적용하기 로그인 기능이 구현되어 있지만 로그인에 따라 권한 분리가 잘되어 있지 않다. 인터셉터를 적용해서 권한 분리를 해보자![개발목표]인터셉터를 이용하여 로그인 권한 분리 구현 [구현화면]빌린책, 나의책, 내정보 클릭시, 로그인하지 않았다면 로그인 페이지로 이동. [구현하기]1. 인터셉터, 필터, 스프링 시큐리티 선택하기📌 권한, 로그인에 관련된 기능들은 인터셉터, 필터, 스프링 시큐리티 등이 있어 어떤걸 선택할지 고민해야 함. 이 사이드 프로젝드의 경우, 특정 URL에 대해 로그인 여부를 체크하고 로그인 페이지로 리다이렉트하는 기능을 구현하는 비교적 간단한 방식이기 때문에 인터셉터를 사용하였음! 🚀 인터셉터, 필터, 스프링 시큐리티 비교방법장점단점적합한 경우필터 (Filter)모든 요청을 처리 가능, 서블.. 2025. 2. 20.
[개발일지#016] 검색 기능 구현하기 [개발목표]해당 메뉴 : 모든책 / 나의책 / 빌린책검색 기능 구현하기책 썸네일 이미지 보이게하기총 건수 보이게 하기게시판 넓이 변경 (더 넓게)   [구현화면]모든책게시판 넓이를 넓혔음. (800 -> 1200으로...너무 좁아서!)책이름, 저자, 출판사명, 대여 가능한 책으로 검색 가능상단에 총건수를 표시.책 썸네일 이미지를 게시판에 포함. 나의책, 빌린책나의 책과 빌린책은 모든책과 검색기능이 동일하나 빌린책은 반납하지 않은 책만 볼 수 있도록 다른 검색조건을 설정하였음.  [구현하기]나의책과 빌린책은 거의 같은 방식으로 쿼리만 달라지기 때문에 모든책 화면을 기준으로 작성할 예정bookMapper.xml SELECT BOOK_ID, BOOK_NAME, .. 2025. 2. 20.
[개발일지#015] 대여내역 조회하기 (+ 썸네일 추가) [개발목표]책 단건 조회시, 하단에 대여했던 내역을 확인 가능하게끔 구현책 단건 조회시, 책 이미지도 보여지게끔 구현  [구현화면]책 정보책 단건조회 시, 하단에 대여 기록을 확인할 수 있도록 구현.  [구현하기]bookMapper.xml SELECT ROW_NUMBER() OVER (ORDER BY RENTAL_DATE DESC) AS row_num, BOOK_RENTAL_ID, (SELECT MEMBER_NAME FROM MEMBER_TB WHERE MEMBER_ID = BOOK_RENTAL_ID) AS BOOK_RENTAL_NAME, RENTAL_DATE, RETURN.. 2025. 2. 20.
[개발일지#014] 도서 API 적용하기 (Feat. 카카오 도서 API) tmi.정말 오랜만에 다시 시작한 사이드 프로젝트작년 9월에 Ver1을 마무리 지었으니 5개월만에 다시 꺼내본다...!5개월만에 코드를 다시보니 너무나 새로워...!Ver1을 마치면서 앞으로 추가될 기능으로 위와 같이 적었었다. (5개월전에...!) 그래서 오늘은 1번 도서 API를 적용해보기로 함!  [개발목표]책 등록시, 도서 API 적용하기  [구현화면]책등록 (도서검색)기존에 input으로 도서명, 작가, 출판사를 직접 입력받는 방식에서 무조건 도서검색을 통해 책을 등록하도록 변경함.  책검색 팝업[도서 검색] 클릭시 뜨는 팝업.책제목, 저자, 출판사 검색조건으로 책 검색이 가능함선택한 책이 파란색으로 표시되고 이미지에는 없지만 하단에 선택 버튼을 클릭하면 책의 정보가 입력됨. 책등록 (도서검색 .. 2025. 2. 20.
[개발일지#013] 데이터베이스 컬럼추가 및 화면 수정 카카오 도서 검색 API를 사용하려고보니 ISBN 나 썸네일 이미지 등 가져올 수 있는 정보가 생각보다 디테일하고 많아서,조금 더 풍부한 형태로 조회/등록/수정이 가능할 것 같아 이것저것 수정하게 되었다.   1. 일단 개발 편의성을 위해 다른 사이드에 적용했던 Xml에서 카멜 표기법을 적용해두었고 [Spring boot(스프링부트)/Mybatis] Xml에 카멜표기법 설정하기Mybatis를 사용하여 xml을 사용할 때 예를들어 데이터베이스의 MEMBER_ID 컬럼이고 Java의 Dto 변수명이 memberd일 경우, 자동으로 카멜변환을 해주지 못해서 급한대로 아래처럼 alias를 따로 줬었음. 그리ddururiiiiiii.tistory.com   2. 또다른 개발 편의성을 위해 log4jdbc를 이용해.. 2024. 6. 27.
[개발일지#012] AWS(아마존 웹 서비스) 회원가입 하기 AWS을 통해 만든 프로젝트를 배포 해볼 예정인데 일단 AWS 회원 가입이 필요함   1.  AWS 사이트에 접속한다 무료 클라우드 컴퓨팅 서비스 - AWS 프리 티어이러한 프리 티어 혜택은 AWS 신규 고객에게만 제공되며 AWS 가입일로부터 12개월 동안 유효합니다. 12개월의 무료 사용 기간이 만료되거나 애플리케이션 사용량이 프리 티어 범위를 초과할 경우aws.amazon.com메인 화면에 있는 [무료 계정 생성]을 클릭!  2. 가입에 사용할 이메일과 계정 이름을 적은 후 [이메일 주소 확인] 클릭나는 주로 사용하는 이메일과 영문 이름을 적었다. (이미지 처럼 이름은 변경할 수 있으니 가볍게!)  3. 가입 정보를 적은 후 [계속] 클릭이름, 국가코드, 전화번호, 국가, 주소, 주소라인, 시, 시,.. 2024. 6. 4.
728x90
320x100