본문 바로가기
반응형

코딩 학원(국비지원)/코딩 팀프로젝트

팀프로젝트 마지막 발표 (110일차 코딩학원) 댕댕커뮤 Slide 1. 반려견 관련 정보를 나누는 카테고리 별 커뮤니티 게시판입니다. Slide 2. 유즈케이스 다이어그램입니다. 유즈케이스 다이어그램은 시스템과 사용자의 상호작용을 다이어그램으로 표현한 것으로 사용자의 관점에서 시스템의 서비스 혹은 기능 및 그와 관련한 외부 요소를 보여주는 것입니다. style태그를 (minty, 글씨색, 크기 등) 사용해서 홈페이지 테마색과 맞춰줬습니다. 게시글 기능은 크게 5가지가 구현되어 있습니다. 검색, 작성, 삭제, 수정, 조회. 검색은 닉네임, 제목, 내용으로 검색할 수 있습니다. 작성, 수정, 삭제 유즈케이스는 include 관계, 즉 사용자 인증기능을 포함하고 있습니다. 한 유즈케이스가 다른 유즈케이스를 포함하고 있어야만 해당 유즈케이스가 완전하게 수행.. 더보기
[팀프로젝트] 게시판 만들기 마지막 발표 게시판 보완한 점 1. 이미지 수정 기능 보완 2. 댓글 수정 기능 추가 3. 게시글, 댓글 등록, 삭제, 수정 시 alert 유즈케이스 다이어그램, 시퀀스 다이어그램 1) 유즈케이스 다이어그램 2) 시퀀스 다이어그램 주요 기능 1. 게시글 검색 : 일반 검색(제목, 내용, 작성자)과 카테고리 검색, 양쪽을 병행해서 사용 가능 2. 게시글/댓글 수정·삭제 버튼 : 해당 게시글/댓글의 작성자에게만 수정·삭제 버튼이 보임 더보기
게시판 시퀀스 다이어그램, 유즈케이스 다이어그램 PlantUML로 만들기 PlantUML로 시퀀스 다이어그램, 유즈케이스 다이어그램을 그려보자 PlantUML은 텍스트 기반의 다이어그램 작성 도구로, UML(Unified Modeling Language)을 포함한 다양한 다이어그램을 생성할 수 있는 오픈 소스 도구다. PlantUML은 간단한 텍스트 기반의 문법을 사용하여 다이어그램을 정의하고, 해당 정의를 기반으로 그래픽 다이어그램을 자동으로 생성한다.PlantUML을 이용하여 빠르고 쉽게 다이어그램을 작성할 수 있다. 시퀀스 다이어그램 코드 1. 게시글 작성 @startuml !theme minty participant User as U participant "Web" as W participant "Controller" as C participant "DB" as D t.. 더보기
게시판 시퀀스 다이어그램(sequence_diagram) 그리기 게시판 시퀀스 다이어그램 코드 유즈케이스 다이어그램과 마찬가지로 VSCODE의 PlantUML을 사용해서 시퀀스 다이어그램(sequence_diagram)을 그렸다. @startuml participant User as U participant "Web" as W participant "DB" as D U -> W : 1. 게시글 작성 버튼 클릭 activate U activate W W -> U : 2. 게시글 작성화면 제공 deactivate W opt 사진첨부 하는 경우 U -> W : 3. 사진 첨부 하기 activate W W -> D : 4. 사진 정보 저장 activate D W U : 6. 사진 첨부 완료 deactivate W end U -> W : 7. 게시글 등록 버튼 클릭 activ.. 더보기
게시판 유즈케이스 다이어그램(usecase_diagram) 그리기 게시판(Board) 유즈케이스 다이어그램(usecase_diagram) 코드 VSCODE에서 PlantUML을 이용하여 유즈케이스 다이어그램을 그렸다. @startuml left to right direction actor 사용자 as u rectangle 게시판 { usecase "게시물 작성" as UC1 usecase "게시물 수정" as UC2 usecase "게시물 삭제" as UC3 usecase "게시물 조회" as UC4 usecase "게시물 검색" as UC5 } u --> UC1 u --> UC2 u --> UC3 u --> UC4 u --> UC5 rectangle 로그인 { usecase "사용자 인증" as UC6 } UC1 ..> UC6 : UC2 ..> UC6 : UC3 .... 더보기
게시판 핵심 기능 코드 설명 (96일차 팀프로젝트 발표) 게시글 / 카테고리 검색 ComuServiceImpl은 ComuMapper와 MemberMapper를 사용하여 데이터베이스와 상호작용하며, ComuService 인터페이스의 메서드를 구현하여 비즈니스 로직을 수행하는 역할을 합니다. 한마디로 서비스 클래스는 데이터베이스와 상호작용을 담당하는 메서드를 가지고 있습니다. DTO는 데이터를 담는 용도로 주로 사용됩니다. 데이터의 구조를 표현하기 위해 필드(속성)를 가지고 있으며, 주로 getter와 setter 메서드를 포함하여 데이터에 접근하는 기능을 제공합니다. DTO는 데이터를 주거나 반환하는데 쓰임새가 있습니다. 컨트롤러 클래스는 사용자의 요청을 받아 해당 요청에 맞는 메서드를 호출하여 비즈니스 로직을 수행하고, 그 결과를 모델에 담아서 뷰로 전달합니다.. 더보기
[팀프로젝트] 게시판 만들기 진행 상황 및 보완점 팀프로젝트 게시판 만들기 5/12 이후 보완할 점은 크게 두 가지. 게시글 등록시 로그인 체크와 게시글 검색 기능이 구현되지 않았음. 로그인 체크 기능, 게시글 작성 시 이미지 미리보기 기능, 게시글 카테고리 검색 기능, 댓글기능을 추가함. 보완할 점 : 게시글 수정 버튼 누를 시, 첨부된 사진이 모두 삭제됨. 개별적으로 선택되는 기능 필요. 이미지 클릭시 원본 보이기.댓글 수정 버튼이 필요. 게시판 기능 시연 순서 글쓰기(등록) 기능 - 등록 버튼 누르면 로그인 체크. sweet alert 사용. 댓글 등록 기능 - 댓글 작성 후 버튼 누르면 로그인 체크 게시글 등록 - 유효성 검사 게시글 등록 - 사진 파일 첨부하기, 같은 선택란에 이미지 중복해서 올릴 경우 미리보기가 바뀜 게시글 등록 - 게시글 번.. 더보기
게시판 글쓰기 버튼 클릭 시 로그인 체크하기. 문제 코드 등록 등록버튼을 누르면 alert 없이 바로 로그인 화면으로 간다. 사용자 입장에서 놀랄 수 있다. 친절하게 알려줄 필요가 있다. 수정... 그러나 문제가 여전함 로그인 상태를 가져오고 싶은데 어떻게 해야할지 감이 안잡힌다. 쿠키를 가져와야할까, 세션을 가져와야할까? 현재 변수를 false로 설정해뒀기 때문에 글등록 버튼을 누르면 알림창이 무조건 뜨게 된다. 글등록 버튼을 누르고 확인버튼을 누르면 로그인 창으로 이동되는 건 성공적이다. 그러나 로그인을 하고 글등록을 누르면 여전히 로그인이 필요하다는 창이 뜨고... 확인을 누르면 로그인 화면으로 넘어간다. 로그인 상태를 어떻게 가져오느냐가 문제다. ajax를 사용해야하나? 고민해도 답이 안나와서 일단 잠을 자고 내일 다시 시도해보자. 더보기
반응형

티스토리툴바