게시판

1-1. Github

1. 백엔드: https://github.com/kwagi/board
2. 클라이언트: https://github.com/kwagi/client

1-2. 사용한 프레임워크

1. Spring: 백엔드 로직을 구성할때 사용했습니다.
2. Svelte: 클라이언트 화면을 구성할때 사용했습니다.
3. docker: 서버에 배포할때 사용했습니다.

1-3. 구현기능

• 회원가입
• 로그인
• 로그아웃
• 회원탈퇴
• 로그인 세션유지
• 비밀번호 변경
• 글 작성(사진여러장 첨부가능)
• 작성게시글 보기
• 게시글 삭제
• 게시글에 좋아요누르기
• 게시글에 댓글달기
• 댓글삭제
• 댓글에 답글달기
• 답글삭제

2-1. ERD

---
title: Entity Relationship Diagram(crow-foot)
---
erDiagram
    member {
        Long member_id "PK"
        String email "UK"
        String password
        String name
        MemberStatus memberStatus
        LocalDateTime regDate
        LocalDateTime deleteDate
        LocalDateTime recentDate
    }

    post {
        Long post_id "PK"
        String poster
        String title
        String contents
        PostStatus postStatus
        long hits
        long likes
        LocalDateTime postDate
        LocalDateTime deleteDate
    }

    answer {
        Long answer_id "PK"
        String writer
        String answerContents
        PostStatus answerStatus
        LocalDateTime answerDate
        Long reply_id "FK"
    }

    reply {
        Long reply_id "PK"
        String writer
        String replyContents
        PostStatus replyStatus
        LocalDateTime replyDate
        Long post_id "FK"
    }

    likes {
        Long likes_id "PK"
        String email "FK"
        Long post_id "FK"
    }

    image {
        Long imagesId "PK"
        String imageName
        String imagePath
        Long postId "FK"
    }

    member ||--|{ likes: ""
    post ||--|{ likes: ""
    post ||--|{ reply: ""
    post ||--|{ image: ""
    reply ||--|{ answer: ""

Loading

2-2. class 의존성

flowchart BT
    BoardService --> AnswerRepository
    BoardServiceImpl -.-> BoardService
    BoardService --> ImageRepository
    BoardService --> LikesRepository
    BoardService --> PostRepository
    BoardService --> ReplyRepository
    BoardService --> MemberRepository
    BoardController --> BoardService
    MemberService --> MemberRepository
    MemberController --> MemberService
    MemberServiceImpl -.-> MemberService

Loading

2-3. 간단한 구동화면

• 첫화면
• 회원가입
• 회원가입 검증
• 로그인 검증
• 포스팅 화면
• 포스팅 목록
• 글 내용
• 중복추천 검증
• 최종 글 목록들

3. 테스트

JUnit5를 활용한 단위테스트를 했습니다.

4. 배포

서버는 구글 GCP를 사용했습니다. docker compose를 사용해서 어플리케이션들을 일괄시작하도록 하였습니다.