728x90
반응형
프로젝트 Hi School
💻 사용한 기술 스택
Develop(Front)
Develop(Back)
Communication
👨🔧 인원 및 개발 기간
- 팀 멤버 : 5명
- 2023.12.14 ~ 2023.12.30
프로젝트 소개
HiSchool 프로젝트는 고등학교 학생을 대상으로 하는 동아리 및 커뮤니티 웹 사이트입니다.
모든 지역을 대상으로 하며, 학생들은 직접 동아리를 만들어, 동아리 관리, 일정 추가 등 친구들과 대외활동을 하거나 자신들의 취미 생활을 공유할 수 있는 웹 사이트입니다.
(*현재는 서울 지역만 설정)
기본적으로 동아리 내에서는 실명을 사용하며, 자유(익명) 게시판에서는 닉네임을 사용하여 평소 또래 친구들에게 물어보기 힘든 질문, 고민 등을 공유할 수 있도록 설계 했습니다.
전체 기능
- 홈화면
- 가입된 전체 동아리 화면 표시 및 추천 동아리 , 익명 게시판 갤러리, 가입된 동아리 인기글 표시
- 동아리 생성
- 동아리 신청, 승인, 탈퇴, 강퇴, 스케쥴 관리
- 게시글 작성
- 동아리 게시글, 익명 게시글로 나뉘어서 게시물 생성 가능
- 댓글, 좋아요
- 동아리별 그룹 채팅
시연
담당 파트(Back)
저는 Back-End 파트를 담당 했으며
- 전체 DB 설계 및 구성익명 게시판, 게시글 작성 DB 구성
- 동아리 신청, 탈퇴, 강퇴, 사용자 상세내용 불러오기, 동아리 회원 조회, 동아리 회장 위임, 리스트 불러오기 등 DB 구성

- 회원 정보 수정, 탈퇴 구성
- 동아리 그룹 채팅 소켓 설계 및 구성
설계 시 고려점
- 동아리는 최대 3개 까지 가입 가능하다
- 동아리 회장 권한을 가진 상태에서는 회원 탈퇴 및 동아리 탈퇴가 불가능 하다
- 동아리 회원이 아닌 사람들에게는 다른 사람들의 프로필이 실명이 아닌 닉네임으로 표시 한다
DB 설계 방향
- 게시글을 두개의 테이블로 나누어서 구성한 이유
처음 기획 단계에서 동아리 활동은 실명으로 진행하기로 기획 했습니다, (만 19세 미만이 이용하는 서비스라 안전상의 이유로)
익명 게시물에서는 닉네임을 이용해 다양한 주제를 서로 공유할 수 있도록 만들고 싶었기에 두 개의 테이블로 만들어 두 개의 페이지를 분리했습니다. - 유저와 동아리 테이블은 직접 적으로 연결하지 않는다
유저가 탈퇴를 해도 동아리는 유지되어야 하기 때문에, 테이블간의 간섭이 없어야 한다. 따라서 두 테이블을 독립적으로 나누고 싶었다.
반응형
'웹 개발' 카테고리의 다른 글
[포스코X코딩온] React 특징과 사용법 (0) | 2024.01.09 |
---|---|
[포스코X코딩온] 환경변수 ENV 설정 (0) | 2023.12.14 |
[포스코X코딩온] Web Session 실습 (0) | 2023.12.14 |
[포스코X코딩온] Web Cookie 실습 (0) | 2023.12.14 |
[포스코X코딩온] Web Session(세션) 설정 (0) | 2023.12.14 |