👨‍👩‍👦 '맘채널' JSP 웹 개발 프로젝트

INDEX

• 프로젝트 소개
• 팀원 구성과 역할

1. 개발 환경
2. 개발 기간 및 작업 관리
3. 요구사항 명세 및 다이어그램
4. 구현 기능
5. 개인 회고

프로젝트 소개

👨‍🏫 학부모를 위한 정보 공유 커뮤니티

• 학부모들이 직접 채널을 운영하면서, 자녀 교육과 양육에 관한 정보들을 공유합니다.

  🔍 특징

  • 회원으로 로그인하면 공유하고 싶은 정보들을 게시판에 등록하고, 학년별, 지역별로 구분해 볼 수 있습니다.
  • 관리자는 공지사항을 관리하고, 문의하기 게시판 회원의 질문 글에 답변을 작성할 수 있습니다.

  👉 프로젝트 바로가기

  GitHub	Notion 팀회의록

팀원 구성과 역할

김지원	이무현	이양진
@kimg1623	@lmh9999	@Lzynee
공지사항 게시판 메인(헤더, 푸터) 페이지 게시물 Sort 기능 Front-end(jQuery)	문의하기 게시판 채널 페이지, 구독 기능 회원가입/로그인 AWS 배포	post 게시판 파일 업로드 암호화 Front-end(BootStrap)

1. 개발 환경

Back-End

Front-End

Tools

Collaboration

2. 개발 기간 및 작업 관리

개발 기간

전체 개발 기간 : 2023-11-27 ~ 2023-12-10


작업 관리

• GitHub로 코드 형상관리를 하고, 기능별로 branch를 분리하여 협업을 진행했습니다.
• Slack을 사용하여 프로젝트 진행상황을 공유하고 Notion에 회의 내용을 기록했습니다.

3. 요구사항 명세 및 다이어그램

👉 각 이미지를 클릭하면 확대되어 자세한 내요을 확인하실 수 있습니다.

요구사항 명세서

1. 공통 및 메인화면

2. 학부모 정보 공유 게시판

3. 채널

4. 공지사항 게시판

5. 문의하기 게시판

6. 로그인

7. 회원가입

유스케이스 다이어그램

시퀀스 다이어그램

1. Actor : 회원 ( Post )

2. Actor : 회원 ( MyPage, Channel )

3. Actor : 회원 ( CS )

4. Actor : 관리자

클래스 다이어그램

!! 클릭하면 확대됩니다. !!

블록 다이어그램

ER 다이어그램

4. 구현 기능

[ 상단 고정 메뉴 ( Header ) ]

• 누르면 메인 페이지로 이동시켜주는 로고
• 게시물 검색 기능
• 로그인이 되어 있지 않은 경우
  • 회원가입
  • 로그인
• 로그인이 되어 있는 경우
  • 내 정보 보기로 이동가능한 프로필 사진
  • 로그인 한 회원님의 아이디 표시
  • 로그아웃
• 게시판의 종류와 공지사항 문의하기 게시판을 갈 수 있는 풀다운 메뉴

비회원 & 메뉴

회원 & 풀다운 메뉴

[ Main Menu ]

• 맘채널에 관한 소개글 홍보글 등이 보이는 슬라이드 쇼
• 다양한 기준에 대한 게시물 추천

슬라이드 쇼

[ 회원 가입 ]

• 회원 가입을 하면 DB의 member 테이블에 입력 받은 정보를 저장합니다.
  • 다음 Open API 를 활용한 주소 입력
  • 아이디 중복체크
  • 이메일 양식 확인
  • 비밀번호 확인
• 회원가입 성공 후 로그인 화면으로 이동

회원가입 폼	주소 API

회원 중복 확인	알림

이메일 양식	비밀번호 확인

[ 로그인 ]

• 회원 로그인은 아이디와 비밀번호를 입력하면 DB의 데이터와 비교하여 일치한 경우 로그인에 성공하고 불일치 시 경고창 표시 후 다시 로그인 창으로 이동

로그인 폼	비밀번호 검증 & 정상 로그인

[ 내 정보 ]

• 내 정보를 볼 수 있는 내 정보 보기 페이지
• 내 정보 수정
  • 내 정보들과 회원가입 시 기본 이미지 였던 프로필 사진 변경 가능

내 정보 보기	내 정보 수정

[ 게시판 ]

• 학부모 회원들이 공유하는 게시글들을 분류별로 모아서 보는 게시판
  • 회원인 경우 공유하고 싶은 게시글을 작성, 상세보기, 수정, 삭제
  • 게시글 작성 및 수정 시 게시 내용에 관한 지역별, 학년별 분류를 선택
  • 게시글 작성 또는 수정 시 썸네일 이미지를 임의로 선택하지 않을 경우 디폴트 이미지를 자동 선택하여 게시판에 노출시킵니다.

게시판
1. 게시글 작성
2. 상세보기
3. 수정하기

[ 채널 ]

• 회원가입 시 자동 생성되는 채널
  • 회원이 작성한 게시물들을 채널에서 확인할 수 있음
  • 구독 기능 구현 : 회원 당 한 채널은 한번만 구독 가능
  • 채널 정보 편집

채널
1. 채널 상세보기
2. 구독 기능
3. 채널 정보 편집

[ 서비스 안내 ]

• 맘채널 소개
  • 맘채널을 소개하는 포스터
• 공지사항
  • 관리자가 '이벤트 / 공지 / 중요' 카테고리로 나뉜 공지사항을 등록, 수정 및 삭제
• 문의하기
  • 회원이 질문글을 올리고 관리자가 답변을 작성하는 문의하기 게시판

맘채널 소개

공지사항
1. 공지 작성
2. 상세보기
3. 수정하기

문의하기
1. 문의글 작성
2. 상세보기
3. 수정하기

관리자 답변 작성

[ 하단 고정 메뉴 ( Footer ) ]

• 팀원들의 GitHub와 회의 내용을 기록한 Notion을 표시

하단 고정 메뉴

5. 개인 회고

🍊 김지원

CRUD가 웹 페이지의 기본이라는 것을 경험할 수 있는 프로젝트였습니다. DB와 세션 등 여러 데이터들을 함께 사용하여 기능을 구현한 부분이 많았는데, 계획 단계에서 팀내 협의가 필요하다는 것을 알게 되었습니다.

👻 이무현

시간 상 처음 구성했던 모든 기능을 구현하지 못한게 아쉽지만 저번 프로젝트와 달리 웹으로 직접적으로 보여지는 홈페이지를 만들었다는 것과 AWS를 이용해 직접 배포해 본 경험이 좋았습니다.

😎 이양진

작성중