Git Product home page Git Product logo

board-toy-project's Introduction

Github Stats Hits

board-toy-project's People

Contributors

rhakdnj avatar

Watchers

 avatar

board-toy-project's Issues

게시판 검색 구현

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

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

인증 기능 구현

인증 기능을 구현한다.

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

[Feature] 인증 기능 - 카카오톡으로 로그인

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


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

References

게시판 정렬 구현

정렬 기능은 게시판 페이지에서 각 컴럼(제목, 해시태그, 작성자, 작성일)의 키워드를 누르면
해당 값으로 오름차순 또는 내림차순으로 정렬이 되게끔 동작하도록 한다.

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

게시글 뷰 기능 구현

게시글 기능과 뷰의 연결을 해야한다.

  • spring security test 연결
  • form을 통한 입력 폼 구현

[Feature] 추가 도메인 설계

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

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

게시판 시비스 뷰에 기능 구현

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

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

refactor: 엔티티 코드 리팩토링 - equals(), hashcode()에서 필드 접근을 getter로 바꾸기

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

  • Article
  • ArticleComment
  • User

도메인 수정 - 회원 계정과 게시글, 댓글 관계 연결

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

[version2.0] 리팩토링

수정 목록

  • 테스트에서 잘못된 Void.class 사용을 개선하기
  • JUnit5 테스트에서 불필요한 public 접근자 제거하기
  • 테스트 메소드 네이밍 개선하기
  • 테스트에서 이상한 들여쓰기나 중복된 표현 수정하기
  • 불필요한 import, 띄어쓰기 수정하기
  • 유즈케이스를 현재 상황에 맞게 업데이트 하기

도메인 설계

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

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

깃 브랜치 전략 세우기

깃 브랜치 전략을 잡아봅니다.

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

게시글 댓글 구현

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

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

게시판 서비스 뷰 만들기

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

게시판 페이징 구현

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

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

데이터 베이스 접근 로직 테스트 정의

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

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

잘못된 도메인 정보 바로잡기

#31 - 기능을 하다가 도메인 코드 설계가 일부 잘못 되어있는 것을 발견
User 회원 계정의 user_id는 PK이므로 인덱스에서 제거해야한다.

  • user_id는 PK이므로 인덱스에서 제거
  • nickname unique 제약 추가

AuditingFields Filed Protected로 변경

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

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.