깃헙 프로젝트를 정리하고, 유즈케이스를 업데이트해서 개발 준비를 마친다.

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

고도화를 마친 프로젝트를 깃헙에 릴리즈한다.

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

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

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

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

DB를 마이그레이션 하는 작업

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

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

해시태그만을 위한 검색페이지 구현

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

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

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

해시태그 고도화 기능 개발에 앞서, 소스코드를 정리한다.

Reference

• [고도화] 해시태그 검색 고도화

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

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

게시판 서비스 고도화 프로젝트 요구사항을 구현하기 위해 필요한 기술들을 미리 조사한다

AuditingFields 클래스는 추상 클래스이고, 각 필드는 상속 받는 자식 엔티티에서 접근 및 수정이 가능해야 한다.
따라서 접근 제어자를 protected로 했어야 했는데, 이 접근 제어를 초기 설계에서 지나치게 폐쇄적으로 작성했다.

위 내용이 당장은 비즈니스 요구사항이 없어 문제가 되지 않았으나,
이제 #73 를 작업하면서, 회원 도메인에서 인증이 없는 상태의 회원 정보를 저장하기 위해서
작성자(createdBy), 수정자(modifiedBy)를 엔티티가 직접 작성해야 하는 요구사항이 생길 것이므로
이것이 가능하게끔 접근 제어자를 제대로 수정해주도록 한다.

use case diagram

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

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

고도화를 마친 프로젝트를 헤로쿠에 배포하여 서비스한다.

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

이에 기능을 롤백하도록 한다.

api를 생성한다.

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

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

• 프로젝트 베타 만들기
• 카드 목록 만들기
• 이슈로 적절히 바꾸기

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

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

완성된 게시판 서비스 프로젝트를 클라우드에 배포하여 사용해보자.

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

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

깃 브랜지 전략

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

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

• ArticleComment 에 parentCommentId 추가

다른 프로젝트에서 Front와 협업을 하는 도중 cors에 대한 문제가 발생하였는데
배포 환경인 프로젝트에서 테스트를 해보려고 한다.

Hashicorp의 Vault가 무엇인지 간단히 살펴본다.

게시판 서비스 뷰가 실제로 동작하게 만들기 위해 해야 할 일

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

엔티티 코드를 이후에 좀 더 편하게 보고 수정할 수 있게 스타일을 리팩토링한다

• 연관관계 필드 줄바꿈 개선

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

테스트 부분에서 갑자기 실패가 나오는 것을 보아
merge하면서 유실된 것 같아 수정한다.

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

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

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

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

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

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

• Article
• ArticleComment
• UserAccount

인증 기능을 구현한다.

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

회원 계정 도메인을 추가하는 작업을 한다.
인증 기능 구현을 위해 필요

• erd 업데이트
• 도메인 추가
• jpa repository인터페이스 추가

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

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

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

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

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

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

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

• 구현 마무리

#41 에서 해시태그 기능을 구현했는데, 쉽게 접근할 수 있도록 배려를 하지 않았다.
이를 헤더에 추가하여 쉽게 해시태그 검색 페이지 존재를 알고, 들어갈 수 있게 한다.

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

• #92
• #93
• #94
• #95

게시글에 댓글을 다는 기능을 구현

• 게시글 페이지에서 댓글을 등록하기
• 게시글 페이지에서 댓글을 골라 삭제하기
• 게시글 페이지에서 댓글을 골라 편집하기
• 테스트

게시판 서비스 뷰 만들기

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

게시판 서비스의 첫번째 버전이 완성되었다.
깃헙에 릴리즈한다.

게시글과 댓글은 모두 회원이 작성하는데, 그 연관관계가 ERD 와 같이 자바 코드에 표현되지 않은 것 같다.
createdBy를 작성자로 생각하고 다룰 수도 있지만, 해당 필드는 작성자와 직접적인 연관이 맺어져있지 않기 때문에
보다 이상적인 방향으로 도메인 설계를 할 필요가 있다.
문제를 확인하고 수정하기.

도메인 설계 내용(#8)을 바탕으로 DB와 연동하기 위한 방법을 구상, 세팅, 테스트 작성

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

게시판 서비스를 만들기 위한 기본 도메인 설계

• 도메인 ERD 그리기
• 자바 클래스로 도메인 표현