어드민 프로젝트가 데이터베이스를 사용할 수 있게끔 환경을 구상하고 테스트를 정의한다.

TODO

• DB 만들기
• 계정 권한 주기
• IDE 접근 환경 꾸미기
• repository 코드 작성
• 관련 테스트 작성

#13 에서 작업한 공통 템플릿을 이용하여 게시판 서비스 회원 관리 페이지와 어드민 서비스 회원 관리 페이지를 만든다.

TODO

• 게시판 회원 관리 페이지
• 어드민 회원 관리 페이지

#1 에서 정리한 내용을 토대로, 어드민 서비스를 만드는데 필요로 할 만한 요소를 담아
프로젝트 뼈대를 세우고 개발 환경을 잡는다.

Reference

• https://start.spring.io/

어드민 서비스를 기획하면서 필요한 기능을 토대로 사용할 세부적인 기술들을 미리 구상한다.

필요 기능

• 어드민 회원, 방문자 수 집계 도메인의 설계
• 도메인 데이터를 DB 에 저장
• 사용자에게 웹 화면으로 서비스 제공 + 디자인 요소
• 게시판 서비스와 API 통신
• 부가 기능
• 다크모드, todo list, 방문자 수 집계, 채팅
• 인증 기능 - 카카오 기반 OAuth 2.0 인증

예상 필요 기술 (스프링 부트 의존성)

• 웹 서비스 제공 → Spring Web
• 도메인의 설계와 DB 저장 → Spring Data JPA, H2 Database, MySQL Driver
• 웹 화면: Thymeleaf
• 디자인 요소 → AdminLTE 3.2.0
• API 통신 → RestTemplate, OpenFeign
• 채팅 기능 → WebSocket
• 인증 기능 → Spring Security OAuth2 Client
• 생산성 → Lombok, Spring Boot DevTools, Spring Boot Actuator, Spring Configuration Processor

확정되지 않은 것들 (Optional)

• JSON API 로 데이터 제공 → Rest Repositories, Rest Repositories HAL Explorer

게시글 관리 페이지에 들어갈 기능과 컨트롤러 전달을 테스트로 준비한다.

어드민 프로젝트에서 보여 줄 수 있는 전용 에러 페이지를 추가한다.

#13 에서 작업한 공통 템플릿을 이용하여 게시글 관리 페이지를 만든다.

어드민 서비스 UI 를 간편하게 구성하기 위해 AdminLTE 도입 여부를 검토하고,
스프링 부트 프로젝트에서 사용할 수 있게끔 기초 구성을 해둔다.

TO-DO

• AdminLTE 조사
• HTML 마크업에 AdminLTE 적용
• 템플릿 레이어 구성하기

Reference

• AdminLTE 공식 홈페이지: https://adminlte.io
• AdminLTE Github: https://github.com/ColorlibHQ/AdminLTE

어드민 서비스에 제공할 예정인 뷰와 각 스펙을 테스트로 어느 정도 미리 정의해 본다.
기능을 구현하면서 들어갈, 디테일한 스펙들은 추후 별도 이슈로 다룬다.

TODO

• 메인 루트 뷰
• 게시글 관리 뷰
• 댓글 관리 뷰
• 회원 관리 뷰
• 어드민 회원 뷰

댓글 관리 페이지에 들어갈 기능과 컨트롤러 전달을 테스트로 준비한다.

#26 에서 준비한 내용을 토대로, 게시글 관리 페이지를 구현한다.

Todo

• 게시판 프로젝트
  • Swacker3927/fastcampus-board-project#93
  • Swacker3927/fastcampus-board-project#96
  • Swacker3927/fastcampus-board-project#97
• #33
• #34

Reference

• #26

지난 #26 작업에서 ArticleDto 변경이 Service 테스트에 반영되지 않아, 이를 수정한다.

Reference

• #26

본격적으로 어드민 서비스를 개발하기 위해서 할 일을 깃헙 프로젝트와 이슈로 정리하고,
개발을 시작할 준비를 마친다.

회원 관리 페이지에 들어 갈 기능과 컨트롤러 전달을 테스트로 준비한다.

Todo

• 회원 관리 페이지 테스트 작성
• #37

로그인 기능을 구현하기 위해 테스트가 필요한 지를 검토하고, 어드민 회원 기능과 카카오 OAuth 인증을 준비한다.

Todo

• 로그인 설정 및 테스트 검토
• 어드민 회원 기능 검토
• 카카오 OAuth 인증 준비 및 테스트 검토

게시글, 댓글에서 상세 내용을 보여 줄 모달을 공통 레이어로 만든다.

#50 에서 준비한 내용을 토대로, 로그인 페이지를 확인하고 어드민 회원 페이지를 구현한다.

Reference

• #50

어드민 프로젝트를 개발하는데 필요할 것으로 예상하는 도메인을 미리 설계한다.

• 회원

#40 에서 준비한 내용을 토대로, 회원 관리 페이지를 구현한다.

Reference

• #40

#13 에서 작업한 공통 템플릿을 이용하여 댓글 관리 페이지를 만든다.

메인 클래스인 FastcampusProjectBoardAdminApplication의 대소문자를 일부 리팩토링한다.
fastcampus-project-board-admin으로 프로젝트를 만들면 fastcampus가 IDE 입장에서 한 단어로 보인다.

게시판 서비스로부터 가져 올 회원 도메인 이름과 어드민 서비스의 회원 도메인 이름이 서로 똑같다.
이를 피하고 더 명확한 의미를 구분하기 위해 어드민 서비스의 회원 테이블명을 변경한다.

중간에 소스코드를 점검하면서 잘못된 부분이나 불필요한 부분이 있었는지 확인한다.

어드민에 관리자가 로그인할 수 있도록 로그인 페이지를 만든다.
카카오 인증 기능만을 이용하므로, 페이지 구현이 매우 적거나 아예 필요 없을 수도 있다.

게시글 관리 페이지의 테이블의 페이징, 정렬, 검색 기능을 추가한다.
실제로는 프론트엔드 (JavaScript) 라이브러리로 기능 구현이 이뤄지므로,
기능의 구현 상황을 점검하면 마무리 지을 수 있을 것으로 예상된다.

Todo

• 페이징
• 정렬
• 검색