개발 기록/도서관 관리 시스템

[Library Management System] 25.10.17 (66일) | (구현) 공용 공지사항 검색 기능

dev.jelee 2025. 10. 17. 15:17

[ 작업한 내용 ]

# Frontend

1. 공지사항 목록 페이지 검색 기능 추가

- 총 데이터 건수와 현재 페이지와 총 페이지 수를 상단 좌측에 보여주도록 하였다. (예: 총 90건 | 1/90 페이지)

- 검색어 입력창과 검색버튼은 상단 우측에 배치했다.

- 공지 검색 조회 시 검색어에 해당한 데이터를 목록으로 출력한다.

- 데이터가 없다면 '등록된 게시물이 없습니다.'를 출력해 줘야하기 때문에 <tbody> 부분을 변수로 처리하였다. 즉, if-else()문을 사용하여 데이터가 있으면 데이터를 출력하고 없으면 else 블럭에 작성한 등록된 게시물이 없다는 문구가 출력된다.

- 페이징 기능이 있기 때문에 데이터가 없으면 page 번호가 화면에 출력이 안되지만 이전(prev), 다음(next) 버튼은 비활성화 되도록 수정 하였다.

2. 로그인, 회원가입 스타일 수정

- 공지사항 목록 페이지에서 데이터 개수가 적은 경우 상단 기준으로 정렬이 되어야하는데 가운데 정렬로 되어서 최상위 부모 태그에 flex-grow 속성을 부여했더니 로그인, 회원가입 창도 위쪽으로 배치가 되어서 로그인과 회원가입 부분에 min-h-max 속성을 추가해줬다.