kiekk / fastcampus-10-projects-backend-web Goto Github PK

수업 시간에 보여주지 않았던 게시판 뷰, 게시글 뷰의 게시글 등록, 수정, 삭제 기능을 구현한다.

#26 의 연장선

• 게시판 뷰 - 글쓰기
• 게시글 뷰 - 수정, 삭제

깃헙 프로젝트를 셋팅하고, 카드를 만들어 정리하자.

• 프로젝트 베타 만들기
• 카드 목록 만들기 - 강의 커리큘럼 참고
• 이슈로 적절히 바꾸기

게시판 서비스 뷰를 만들기 위해 해야 할 일을 정리하고, 실행한다.

• 뷰 엔드포인트 정의
• 뷰 구현
  • 게시판 페이지 만들기
  • 게시글 페이지 만들기
  • 로그인 페이지 만들기
  • 뷰에 디자인 붙이기
• 테스트

대댓글 기능을 위한 도메인 정보를 업데이트 한다.

• ArticleComment 에 parentCommentId 추가

깃헙 프로젝트를 정리하고, 유즈케이스를 업데이트한다.

• 깃헙 프로젝트 정리하기
• 유즈 케이스 업데이트하기

댓글에 대댓글을 달 수 있는 기능을 구현한다.

• #62
• #63
• #64
• #65

어드민 프로젝트에서 게시판 API에 원활하게 접근할 수 있도록 세팅을 추가한다.

Reference

• https://github.com/kiekk/fastcampus-project-board-admin

data rest 로 오픈할 데이터 api 설정을 확인해서 원활히 어드민 프로젝트가 이용할 수 있게 한다.

API를 만든다.

• API 설계
• API 테스트 정의
• API 구현
  • 게시판 API
  • 게시글 API
  • 댓글 API

use case diagram 을 그린다.

깃 브랜치 전략을 잡아보자

• 깃 브랜치 전략 공부하기
• 적절한 전략 선택하기
• 적용하기

Hashicorp의 Vault가 무엇인지 간단히 살펴보자.

대댓글은 n단계 달 수 있도록 한다.

• n계층 대댓글 설계
• 테스트 반영
• 로직 구현
• 뷰 구현

게시판 정렬 기능을 구현한다.
정렬 기능은 게시판 페이지에서 각 컬럼(제목, 해시태그, 작성자, 작성일)의 제목을 누르면
해당 값으로 오름차순, 내림차순 정렬이 되게끔 동작하게 만든다.

• 정렬 기능 구현
• 뷰에 적용
• 테스트

게시판 서비스 API 를 Swagger UI 로 문서화한다.

#18 에서 DB 접근 방법을 세팅하고 테스트 만든 내용을 토대로, 남은 구현이 있는지 확인하고 마무리 한다.

• 구현 마무리

DB에 접근하는 비밀 정보를 보다 안전하게 다룰 수 있는 방법으로 환경변수를 사용하는 방법을 익혀본다.

1차 대댓글 기능을 위한 비즈니스 로직을 업데이트한다.

#32 기능을 하다가 도메인 코드 설계가 일부 잘못 되어있는 것을 발견.
UserAccount 회원 계정의 userId 는 회원 id 이므로 유니크해야 하는데,
해당 속성이 빠져있다.
ERD 문서에는 email 의 유니크 키가 표현되지 않음

• user_id 에 유니크 키 추가
• email ERD 업데이트

인증 기능에 카카오 계정으로 로그인하는 방법을 추가한다.

• Kakao Developers에서 카카오 API 사용 준비하기
  • 애플리케이션 등록하기
  • Rest API 키 확인하기
  • 사이트 도메인 등록하기
  • Redirect URI 등록하기
  • 동의항목 설정하기
  • Client Secret 키 확인하기
• 회원 도메인이 인증 없는 상태에서 회원 정보를 저장할 수 있게 수정하기
• 카카오 인증 응답 정보 확인, 정의하기
• OAuth 2.0 보안 설정 (+람다식 접근)
• OAuth2 User Service 구현
  • 기본 OAuth 2.0 인증 처리 구현체 사용
  • 카카오 인증 정보를 회원으로 등록하기
• 기본 인증 서비스 로직 구현
• 뷰 구현
  • 카카오 로그인 버튼 이미지 준비
  • 카카오 로그인 버튼 구현
  • 로그인 후 노출하는 유저 정보 변경: ID -> 닉네임

게시판 서비스 뷰가 실제로 동작하게 만들기 위해 해야 할 일을 정리하고, 실행한다.

• 뷰 기능 정의
  • 게시판 페이지 기능 테스트 정의
  • 게시글 페이지 기능 테스트 정의
  • 로그인 페이지 기능 테스트 정의
• 뷰 기능 구현
  • 게시판 페이지 기능 구현
  • 게시글 페이지 기능 구현
  • 로그인 페이지 기능 구현
• 테스트

1차 대댓글에 필요한 쿼리 변경이 있는지 살피고, 업데이트한다.

도메인 설계 내용 (#16)을 바탕으로 DB 와 연동하기 위한 방법을 구상하고, 세팅을 하고, 테스트를 먼저 작성해본다.

• DB 기술 선택하기
• DB 에 접근할 수 있는 상태로 환경 세팅하기
• 테스트

인증 기능을 구현한다.

• 인증 설정하기
  • 인증이 필요 없는 영역
    • 루트 페이지
    • 게시판
  • 인증이 필요한 영역
    • 게시글 (+ 댓글) 보기
    • 자기 게시글 쓰기, 수정, 삭제
    • 자기 댓글 쓰기, 수정, 삭제
• 인증 기능에 필요한 부분 구현
• 회원 가입 페이지
• 테스트

새로운 기능을 구현하기 위해 필요한 데이터를 모델링하고, 기존 도메인(엔티티 클래스)에서 변경할 부분이 있는지 확인한다.

• 기존 도메인 코드 분석
• 대댓글 도메인 표현
• 인증 도메인 검토
• 해시태그 도메인 표현

해시태그 기능을 고도화한다.

• 하나의 글이 여러 개의 해시태그를 저장할 수 있도록 만들기
• 별도 입력 공간을 주지 않고, 본문에서 해시태그를 파싱해서 기록하기
• DB에는 #을 뺀 문자열을 저장할 수 있게 하기
• 해시태그에 링크를 삽입하기

n차 대댓글 기능은 댓글 단계가 깊어질 수록 디자인이 복잡해져서
유저의 편의를 위해 설계했으나, 오히려 유저의 경험을 해칠 우려가 있다고 판단했다.
또한 런칭 후 관찰해보니, 실제로도 유저 반응이 좋지 않아서 서비스에 내보내기 않기로 논의를 했다.

이에 기능을 롤백한다.

해시태그만을 위한 특별한 검색 페이지를 만들어 본다.

• 추가 기능 구현
• 해시태그 페이지 표현
• 테스트

게시판 서비스 첫번째 버전이 완성되었으므로 깃헙에 릴리즈해보기

스프링 부트 프로젝트로 루트 디렉터리를 초기화하고, 개발 바탕을 만든다.

• spring initializr 로 디렉터리 초기화하기

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

1차 대댓글 기능을 사용할 수 있도록 뷰를 업데이트한다.

게시판 서비스에 필요한 페이징 기능을 구현한다.

• 게시판 페이지 (이전, 숫자, 이후)
• 게시글 페이지 (이전, 이후)

스프링 데이터 JPA로 엔티티를 다룰 때, 엔티티 데이터는 하이버네이트 구현체가 만든 프록시 객체를 이용하여 지연 로딩될 수 있다.
따라서 엔티티를 조회할 때 필드에 직접 접근하면 id == null 인 상황이 있을 수 있고, 이러면 올바른 비교를 하지 못 하게 된다.
getter를 사용하면 이러한 문제를 예방할 수 있다.
수정해보자.

• Article
• ArticleComment
• UserAccount

DB를 마이그레이션

게시글에 댓글 기능을 구현한다.

• 게시글 페이지에서 댓글 등록하기
• 게시글 페이지에서 댓글 삭제하기
• 게시글 페이지에서 댓글 수정하기
• 테스트

회원 계정 정보가 담긴 엔티티를 저장할 때,
Spring Data JPA 의 getReferenceById()를 부드럽게 사용하기 위해
회원 계정의 PK를 변경한다.

• id 삭제
• userId를 PK로 등록
• 테스트

어드민 프로젝트에서 회원 정보를 관리(삭제)할 때, 게시글과 댓글에 얽매이지 않은 계정이 필요하다.
이를 위한 테스트 계정을 임의로 하나 추가해주기로 함.

게시판에서 게시글을 검색하는 기능을 구현하고, 검색 기능을 보다 특별하게 이용자에게 제공할 수 있는 방법을 고민해 본다.

• 구현
  • 검색 대상 필드로 기본 검색 기능 구현
  • 기본 게시판 페이지의 검색바 기능 구현
  • 제목, 본문, 이름 검색 페이지
  • 해시태그 검색 페이지
• 테스트

게시판 서비스를 만들기 위한 기본 도메인을 설계해보자.

• 도메인 ERD 다이어그램 그려보기
• 자바 클래스로 도메인 표현해보기

Hashicorp Vault 와 스프링을 연동하는 방법을 익히고 프로젝트에 적용해본다.

클라우드 서비스인 Heroku를 사용하여 만든 서비스를 배포하여 사용해봅니다.