-
학부모들이 직접 채널을 운영하면서, 자녀 교육과 양육에 관한 정보들을 공유합니다.
- 회원으로 로그인하면 공유하고 싶은 정보들을 게시판에 등록하고,
학년별
,지역별
로 구분해 볼 수 있습니다. - 관리자는 공지사항을 관리하고, 문의하기 게시판 회원의 질문 글에 답변을 작성할 수 있습니다.
- 회원으로 로그인하면 공유하고 싶은 정보들을 게시판에 등록하고,
김지원 | 이무현 | 이양진 |
---|---|---|
@kimg1623 |
@lmh9999 |
@Lzynee |
공지사항 게시판 메인(헤더, 푸터) 페이지 게시물 Sort 기능 Front-end(jQuery) |
문의하기 게시판 채널 페이지, 구독 기능 회원가입/로그인 AWS 배포 |
post 게시판 파일 업로드 암호화 Front-end(BootStrap) |
Back-End
Front-End
Tools
Collaboration
전체 개발 기간 : 2023-11-27 ~ 2023-12-10
![image](https://github.com/ChunjaeMomCh/MomChannel/assets/40616792/c2b695a4-c8fe-425e-9a10-8558fd2e7f1b)- GitHub로 코드 형상관리를 하고, 기능별로 branch를 분리하여 협업을 진행했습니다.
- Slack을 사용하여 프로젝트 진행상황을 공유하고 Notion에 회의 내용을 기록했습니다.
👉 각 이미지를 클릭하면 확대되어 자세한 내요을 확인하실 수 있습니다.
- 누르면 메인 페이지로 이동시켜주는 로고
- 게시물 검색 기능
- 로그인이 되어 있지 않은 경우
- 회원가입
- 로그인
- 로그인이 되어 있는 경우
- 내 정보 보기로 이동가능한 프로필 사진
- 로그인 한 회원님의 아이디 표시
- 로그아웃
- 게시판의 종류와 공지사항 문의하기 게시판을 갈 수 있는 풀다운 메뉴
비회원 & 메뉴 |
---|
회원 & 풀다운 메뉴 |
---|
- 맘채널에 관한 소개글 홍보글 등이 보이는 슬라이드 쇼
- 다양한 기준에 대한 게시물 추천
슬라이드 쇼 |
---|
- 회원 가입을 하면 DB의 member 테이블에 입력 받은 정보를 저장합니다.
- 다음 Open API 를 활용한 주소 입력
- 아이디 중복체크
- 이메일 양식 확인
- 비밀번호 확인
- 회원가입 성공 후 로그인 화면으로 이동
회원가입 폼 | 주소 API |
---|---|
회원 중복 확인 | 알림 |
---|---|
이메일 양식 | 비밀번호 확인 |
---|---|
- 회원 로그인은 아이디와 비밀번호를 입력하면 DB의 데이터와 비교하여 일치한 경우 로그인에 성공하고 불일치 시 경고창 표시 후 다시 로그인 창으로 이동
로그인 폼 | 비밀번호 검증 & 정상 로그인 |
---|---|
- 내 정보를 볼 수 있는 내 정보 보기 페이지
- 내 정보 수정
- 내 정보들과 회원가입 시 기본 이미지 였던 프로필 사진 변경 가능
내 정보 보기 | 내 정보 수정 |
---|---|
- 학부모 회원들이 공유하는 게시글들을 분류별로 모아서 보는 게시판
- 회원인 경우 공유하고 싶은 게시글을 작성, 상세보기, 수정, 삭제
- 게시글 작성 및 수정 시 게시 내용에 관한 지역별, 학년별 분류를 선택
- 게시글 작성 또는 수정 시 썸네일 이미지를 임의로 선택하지 않을 경우 디폴트 이미지를 자동 선택하여 게시판에 노출시킵니다.
게시판 |
---|
1. 게시글 작성 |
2. 상세보기 |
3. 수정하기 |
- 회원가입 시 자동 생성되는 채널
- 회원이 작성한 게시물들을 채널에서 확인할 수 있음
- 구독 기능 구현 : 회원 당 한 채널은 한번만 구독 가능
- 채널 정보 편집
채널 |
---|
1. 채널 상세보기 |
2. 구독 기능 |
3. 채널 정보 편집 |
- 맘채널 소개
- 맘채널을 소개하는 포스터
- 공지사항
- 관리자가 '이벤트 / 공지 / 중요' 카테고리로 나뉜 공지사항을 등록, 수정 및 삭제
- 문의하기
- 회원이 질문글을 올리고 관리자가 답변을 작성하는 문의하기 게시판
맘채널 소개 |
---|
공지사항 |
---|
1. 공지 작성 |
2. 상세보기 |
3. 수정하기 |
문의하기 |
---|
1. 문의글 작성 |
2. 상세보기 |
3. 수정하기 |
관리자 답변 작성 |
---|
- 팀원들의 GitHub와 회의 내용을 기록한 Notion을 표시
하단 고정 메뉴 |
---|
CRUD가 웹 페이지의 기본이라는 것을 경험할 수 있는 프로젝트였습니다. DB와 세션 등 여러 데이터들을 함께 사용하여 기능을 구현한 부분이 많았는데, 계획 단계에서 팀내 협의가 필요하다는 것을 알게 되었습니다.
시간 상 처음 구성했던 모든 기능을 구현하지 못한게 아쉽지만 저번 프로젝트와 달리 웹으로 직접적으로 보여지는 홈페이지를 만들었다는 것과 AWS를 이용해 직접 배포해 본 경험이 좋았습니다.
작성중