팀프로젝트 마지막 발표 (110일차 코딩학원)

댕댕커뮤 

Slide 1. 반려견 관련 정보를 나누는 카테고리 별 커뮤니티 게시판입니다. 

 

Slide 2. 유즈케이스 다이어그램입니다. 유즈케이스 다이어그램은 시스템과 사용자의 상호작용을 다이어그램으로 표현한 것으로 사용자의 관점에서 시스템의 서비스 혹은 기능 및 그와 관련한 외부 요소를 보여주는 것입니다. style태그를 (minty, 글씨색, 크기 등) 사용해서 홈페이지 테마색과 맞춰줬습니다. 

 

게시글 기능은 크게 5가지가 구현되어 있습니다. 검색, 작성, 삭제, 수정, 조회. 검색은 닉네임, 제목, 내용으로 검색할 수 있습니다. 작성, 수정, 삭제 유즈케이스는 include 관계, 즉 사용자 인증기능을 포함하고 있습니다. 한 유즈케이스가 다른 유즈케이스를 포함하고 있어야만 해당 유즈케이스가 완전하게 수행될 수 있습니다. 

 

글등록은 제목, 카테고리, 내용을 입력해야만 등록이 됩니다. 그래서 include관계입니다. 파일첨부는 선택이기 때문에 extends 관계입니다. extends 관계는 한 유즈케이스가 다른 유즈케이스를 확장하는 관계를 나타냅니다. 즉, 한 유즈케이스는 다른 유즈케이스의 일부 기능을 선택적으로 확장할 수 있습니다. 

 

<시퀀스 다이어그램>

특정 행동이 어떠한 순서로 어떤 객체와 어떻게 상호작용을 하는지 표현하는 행위 다이어그램입니다. 현재 존재하는 시스템이 어떠한 시나리오로 움직이고 있는지를 나타내는데 장점을 가지고 있습니다.

 

Slide 3. 게시글 작성 : 시퀀스 다이어그램 순서대로 설명. 작성 시 로그인 체크 기능, 파일 첨부는 선택입니다. 

 

Slide 4. 게시글 조회 : 시퀀스 다이어그램 순서대로 설명. 게시글 조회 후 댓글 작성 가능, 댓글 기능도 로그인 체크 기능이 있습니다. 

 

Slide 5. 게시글 수정 : 시퀀스 다이어그램 순서대로 설명. 사진 첨부는 선택입니다. 

 

Slide 6. 게시글 삭제 : 시퀀스 다이어그램 순서대로 설명. 삭제 confirm창이 나오고, 삭제 누를 시 DB에서 바로 삭제됩니다. 삭제 팝업이 나오고 삭제된 것을 확인할 수 있습니다. 

 

Slide 7. 게시글 검색 : 시퀀스 다이어그램 순서대로 설명. 카테고리 검색과 일반 검색으로 나뉘어져 있습니다. 

 

Slide 8.  클래스 다이어그램 ↓

 

클래스 다이어그램

ComuController : 게시판 기능을 담당하는 컨트롤러로, 게시글의 조회, 작성, 수정, 삭제 기능을 구현하고 있습니다. 또한 로그인 상태를 확인하여 인증된 사용자만 특정 기능을 사용할 수 있도록 제한하고 있습니다. 

 

Image DTO (이미지 데이터 전송 객체): 
Image DTO는 사용자로부터 전달받은 이미지 데이터를 담는 객체입니다. 게시글 작성 시 사용자가 첨부한 이미지 파일을 Image DTO에 담아서 Controller에 전달합니다. 이를 통해 이미지 데이터를 다른 구성 요소로 전달하거나 필요한 작업을 수행할 수 있습니다.

 

<게시글 작성 시>

각 구성 요소들은 게시글 작성과 관련된 기능을 수행하기 위해 협력하여 동작합니다. Controller가 사용자의 요청을 처리하고 필요한 데이터를 추출하여, Service 구현체에서 해당 데이터를 활용하여 게시글을 작성하고, 데이터베이스와의 상호 작용을 위해 Mapper를 활용합니다. 

 

그리고 작성이 완료된 후에는 PageResolver를 통해 사용자를 적절한 페이지로 안내하며, 검색 기능을 위해 SearchItem이 사용될 수 있습니다. 이렇게 각 구성 요소들이 함께 동작하여 사용자의 게시글 작성 요청을 처리하고 응답하는 전체적인 로직이 구성됩니다.

 

<Controller와 Mapper의 연결 그리고 상호작용>

 

1. Controller는 추출한 데이터를 이용하여 적절한 비즈니스 로직을 수행하기 위해 ComuServiceImpl(게시글 서비스 구현체)를 호출합니다.

2. ComuServiceImpl은 받은 데이터를 이용하여 게시글 작성과 관련된 작업을 수행합니다. 이 작업에는 데이터의 유효성 검사, 데이터베이스에 게시글 저장 등이 포함될 수 있습니다.

3. ComuServiceImpl은 데이터베이스와 상호작용하기 위해 Comumapper(게시글 매퍼)를 사용합니다. Comumapper는 데이터베이스와의 연결을 담당하고, 데이터베이스에 쿼리를 실행하여 게시글을 저장하거나 필요한 작업을 수행합니다.

4. Comumapper는 데이터베이스와의 상호작용을 통해 게시글 데이터를 데이터베이스에 저장하고, 필요한 경우 데이터베이스로부터 데이터를 조회합니다.

5. ComuServiceImpl은 작업이 완료된 후에 Controller에게 결과를 반환합니다. 이 결과는 보통 작성한 게시글의 ID나 작업 성공 여부 등을 포함할 수 있습니다.

6. Controller는 받은 결과를 기반으로 적절한 응답을 생성하여 사용자에게 반환합니다. 이 응답은 보통 웹 페이지의 리다이렉션, 성공 또는 실패 메시지 등을 포함할 수 있습니다.

 

기능 시현

1. 이미지 수정 기능 보완 
2. 댓글 수정 기능 추가 
3. 게시글, 댓글 등록, 삭제, 수정 시 alert