Report 내용 작성

[Park-Github]

최종 보고서 작성 내용

과제 수행 최종 목표

프로젝트의 최종 목표는 기본적인 게시글 CRUD 기능과 회원가입 및 로그인 기능 뿐만 아니라 댓글 기능과 미디어 파일 등록 기능 등 추가 기능을 구현하여 최종적으로 배포까지 하는것이다. 추가 기능을 만들지 못한다면 호스팅을 통해 제작한 작품을 배포만이라도 하는것이 목표이다.

과제 수행 내용

---

• 과제 개요 주제

  대학 커뮤니티 웹 사이트 서비스 제작

  통합 개발 환경

  JetBrain IntelliJ - Java JDK 17, Gradle 8.1, Spring Boot 3.1.4, Thymeleaf, Spring Data JPA, MySQL 8.0, BootStrap 5.3.1, jquery 3.7.1

  기타 라이브러리(dependency)

  Spring Security, QueryDSL

  프론트엔드 기술 스택

  HTML, CSS, Javascript,BootStrap, BootStrap, jquery

  백엔드 기술 스택

  Java, Spring, Spring Boot, Gradle, MySQL, Thymeleaf, Tomcat, Hibernate

  협업 툴

  Git, Github, Slack, Notion, Discord, Kakao Talk

  Back-End 핵심 기술 소개 (이 부분은 밑에 Comment를 보고 작성)

  Spring Framework Thymeleaf

• • -

• 개발 과정 및 개발 방법

  • 개발 프로세스
    기획 -> 설계 -> 퍼블리싱 -> 개발 -> 배포

  기획 : 주제 아이디어 찾기 , 레퍼런스 찾기 -> 주제 선정 설계 : 기능 명세서 작성, 화면 설계서 작성 퍼블리싱 : html 정적 페이지 제작 개발 : 백엔드 및 프론트엔드의 서비스 로직 구현 배포 : 호스팅 서비스를 통하여 제작한 웹 사이트를 배포

  • 개발 방법

  • 프론트 엔드 구현 : 반응형 웹 페이지 구현

    BootStrap Javascript jquery

  • 백엔드 구현 : DB 구축, 애플리케이션 개발

    Java JDK 17 Spring MySQL DB H2 DB(Test DB)

  • 협업 방법

    Git을 통한 형상관리 Github issues 에서 개발 이슈 관리 Github Project 와 Notion Team Space로 스케줄 관리
    매주 온라인 회의(Slack, Discord)를 통해 진행 사항을 점검

• • -

    과제 수행 결과

• 핵심 소스코드 및 설명 (미디어 자료)

• 완성 화면 (미디어 자료)

결과의 기대효과 및 활용 방안

• 예시
• 예시

  참고 문헌

  https://velog.io/@hyemin916/%EC%8A%A4%ED%94%84%EB%A7%81Spring-Java-

https://jcoding7.tistory.com/entry/Spring-%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC%EC%9D%98-%EC%9E%A5%EB%8B%A8%EC%A0%90-Java-%EA%B0%9C%EB%B0%9C%EC%9E%90%EA%B0%80-%EC%95%8C%EC%95%84%EC%95%BC-%ED%95%A0-%EC%82%AC%ED%95%AD#google_vignette

https://goddaehee.tistory.com/156

https://khj93.tistory.com/entry/Spring-Spring-Framework%EB%9E%80-%EA%B8%B0%EB%B3%B8-%EA%B0%9C%EB%85%90-%ED%95%B5%EC%8B%AC-%EC%A0%95%EB%A6%AC

https://da-y-0522.tistory.com/76

https://code-lab1.tistory.com/211

[Park-Github]

Spring Framework 소개

Spring Framework

Java 기반의 애플리케이션 프레임워크

Spring Framework 특징

POJO AOP IOC 기반 MVC 패턴

Spring Framework 장단점

장점

사용성 모듈성 적합성 테스트 가능성 성숙도 커뮤니티의 지원

단점

성능 오버헤드 높은 러닝커브

참고 : 스프링 사용 이유 스프링 장단점 스프링 정리1 스프링 정리2

[Park-Github]

Thymeleaf 소개

템플릿 엔진

• 템플릿 엔진에 대한 개념

• 서버 사이드 템플릿 엔진 vs 클라이언트 사이드 템플릿 엔진 (동작의 차이 및 종류)

Thymeleaf 란?

• 참고 사이트 보면서 작성

Thymeleaf 엔진 특징

• 참고

Thymeleaf 엔진 장점

• 비즈니스 로직과 분리되어 View에 집중할 수 있다
• 서버 동작 없이 화면을 확인할 수 있다

  Thymeleaf 엔진 단점

• 문법이 다소 복잡하고 불편함

참고: 템플릿 엔진 및 타임리프

[Park-Github]

과제 수행 결과

백엔드

• DB 설계

DB Schema (DB 설계 당시엔 각종 기능을 모두 생각하여 여러 테이블을 추가했지만 시간 관계상 사용중인 테이블은 Article, Member, 밖에 없다. 20일까지 하나정도 추가될 수도 있다.)

---

DDL

---

• Spring Data JPA Entity ERD

기획 초기에 고안한 기능(댓글 기능, 북마크 기능, 채팅 기능, 첨부파일 등록 기능 등)을 모두 완성을 못했기 때문에 다이어그램 내용이 많지 않다.

---

• Code
  • Domain - Article

• Code
  • Domain - Member

• Code
  • Domain - MemberPrincipal

• Code
  • Controller - BoardArticleController

• Code
  • Controller - HomeController

• Code
  • Service - ArticleService

• Code
  • Service - MemberService

• Code
  • Repository - ArticleQueryRepos

[Park-Github]

과제 수행 결과

프론트엔드

• 네비게이션 바 레이아웃

  • navbar.html

• 홈 화면

  • home.html

• 로그인
  • login.js , login.html

• 회원가입
  • register.js , register.html

[Park-Github]

과제 수행 결과

완성화면

• 회원가입 화면

• 로그인 화면

• 홈 화면

• 게시판 화면

• 게시판 글쓰기 화면

• 게시글 수정 화면

• 게시글 삭제 화면

• 게시글 정렬

  • 시간순
  • 조회순
  • 공감

• 게시글 검색 화면

• 장터 게시판 화면

• 장터 게시판 게시글 작성 화면

• 장터 게시판 게시글 조회 화면

게시글 화면의 댓글 기능은 아직 구현이 안된 상태이며 사진에서 보이는 것은 프레임일 뿐 작동하지 않음.