프로젝트 특징

• 스프링부트를 기반으로 자유롭게 게시물을 작성하고 공유하는 웹서비스
• 대학생 커뮤니티 ‘에브리타임’에서 아이디어를 얻음
• 회원가입, 댓글, 게시글 검색 기능, 좋아요 등의 공감 기능
• 요구 사항에 따라 설계 및 구현 진행

개요

• 명칭 : GONG GAM Website
• 개발 인원 : 1명
• 개발 기간 : 2024.09.21 ~ 2024.10.08
• 주요 기능 : 회원 가입, 게시글 조회, 생성, 수정 기능, 댓글
• 개발 언어 : Java 21, HTML, JavaScript, CSS etc …
• 프레임워크 : React(프론트엔드), Spring(백엔드)
• 웹서버 : Nginx
• 클라우드 : AWS EC2
• 데이터베이스 : MySQL
• 개발 프로그램 : IntelliJ, Postman, Vs Code, MySQL Workbench
• 형상 관리 : git(https://github.com/oisgoon/GONG-GAM-Website)
• 간단 소개 : 회원들이 자유로운 주제로 글을 작성하고 조회 하고 댓글을 작성하는 커뮤니티
• 사이트(현재는 사용요금우려로 인한 사이트 폐쇄) : http://34.207.228.127/
• 시연 영상 : 유튜브 시연 영상

1. 요구사항 분석

1. 회원가입 페이지
   1. 회원가입 버튼을 클릭하기
   2. 닉네임, ID, 비밀번호, 비밀번호 확인을 입력하기
   3. ID 중복 여부 체크 하는 기능
   4. ID는 알파벳 대소문자, 숫자로 구성하기(특수문자 등 안됨)
   5. 비밀번호는 최소 8자 이상, 알파벳 대소문자, 숫자, 특수문자 사용 가능
2. 로그인 페이지
   1. 로그인, 회원가입 버튼을 만들기
   2. ID, 비밀번호 입력란 만들기
   3. 로그인 버튼을 누른 경우 닉네임과 비밀번호가 데이터베이스에 등록 됐는지 확인한 뒤, 하나라도 맞지 않는 정보가 있다면 “로그인 실패: 잘못된 사용자 이름이나 비밀번호입니다.”라는 메시지를 띄운다
   4. 로그인 버튼을 눌러서 에러가 발생하지 않는다면 게시글 목록 조회 페이지로 이동시킨다
3. 게시글 조회 페이지
   1. 회원만 게시글 조회가 가능하도록 하기
   2. 게시글 제목, 조회수, 작성일, 수정일, 작성자 들의 내용 보여줌
4. 게시글 조회 페이지 > 게시글
   1. 하단에 댓글 작성 버튼 생성
   2. 비워둔 상태로 작성 버튼을 누르면 “댓글을 입력하세요” 메시지 띄우기
   3. 내가 작성한 게시글 및 댓글일 경우엔 내가 쓴 글이라는 표시와 함께 삭제 버튼 생성
   4. 본인이 작성한 게시글인 경우에만 수정 및 삭제 가능
   5. 본인이 작성한 댓글의 경우에만 삭제 가능
5. 게시글 작성 페이지
   1. 게시글 작성 버튼은 로그인 후에는 항상 우측 하단에 위치함
   2. 제목과 내용을 입력하고 작성버튼을 누르거나 뒤로가기 버튼을 통해 작성 취소 가능
6. 로그아웃 기능
   1. 우측 상단에 로그아웃 버튼을 누르면 로그인 페이지로 이동과 동시에 세션 만료

2. 테이블 설계

3. API 설계

4. 화면 설계

4.1. 로그인 화면

4.2. 회원가입 화면

4.3. 게시글 목록(게시글 없는 상태)

4.4. 게시글 작성

4.5. 게시글 목록(게시물 있는 상태)

4.6. 게시글 조회(로그인한 사용자가 조회 시)

4.7. 게시글 수정(로그인한 사용자가 수정 시)

4.8. 게시글(로그인한 사용자가 댓글 작성 시)

4.9. 게시글(다른 사용자가 게시글 조회 시)

4.10. 게시글(다른 사용자가 댓글 작성 시)

4.11. 게시글 목록(조회수와 수정 시간이 반영된 모습)

5. 추후 개선 사항

• 게시글이나 댓글이 많아질 경우 일정 수량만 보이고 나머지는 페이지를 구분하여 보이게 한다
• 특정 게시물을 검색하고 필터링 하는 기능 추가 필요

6. 개발 후기

• 첫 웹사이트 제작인 만큼 부족한 점도 많고 아쉬운 점도 많다
• 만드는데에만 급급해서 잘 모르지만 일단 넘어간 것도 많다
• 웹 서버, 클라우드 등의 개념을 더 확실히 이해하고 다음 프로젝트를 진행해보도록 하겠다
• 첫 프로젝트를 완료 했다는 점에서 의의를 두고 자신감을 가지고 다음 프로젝트를 진행할 용기와 동기부여를 얻었다

7. 업데이트

• 2024.10.08 배포