새싹 스터디 커뮤니티

새싹 스터디 커뮤니티 프로젝트입니다!
사이트 이동 »

View Demo · Report Bug · Request Feature

목차

1. 팀 소개
   • 팀 이름
   • 팀원 정보
2. 개발 기간
3. 기획 의도
4. 기획 과정
   • 메인
   • 헤더
   • 로그인 / 회원가입
   • 스터디 모집글
   • 스터디 관리 페이지
   • 사용한 기술
   • 사용한 라이브러리
5. 기획
   • 회원가입
   • 로그인 / 내 프로필
   • 게시글
   • 스터디

팀 소개

팀 이름

🌱 1st-team-d / 새싹 커뮤니티(스터디 모집 사이트) 🌱

팀원 정보

이름	김정윤	김효중	문영민	김태훈	한지윤
프로필
역할

(back to top)

개발 기간

• 전체 개발 기간 : 2023-09-04 ~ 2023-09-22
• 기능 및 UI 구현 기간 : 2023-09-04 ~ 2023-09-21
• 테스트 기간
  • 중간테스트 : 2023-09-14 ~ 2023-09-16
  • 최종 테스트 기간 : 2023-09-20 ~ 2023-09-21

(back to top)

기획 의도

새싹에서 제공하는 러닝 메이트 서비스에 참여하기 위한 팀을 모집하는 과정에서, 해당 코스에 한정된 인원으로만 팀을 구성하는 한계점을 극복하고자 프로젝트를 기획하였습니다. 새싹 과정을 수강하고 있는 모든 분들을 대상으로, 자유롭게 스터디 모집 글을 올리고, 스터디 진행 상황을 확인하여 효율적인 러닝 메이트를 운영할 수 있게 하는 웹사이트를 목표로 제작하였습니다.

(back to top)

기획 과정

메인

🌱 　최대한 간단한 화면 구성을 목표

• 스터디 모집에 가장 큰 중점을 두어 다른 기능은 최소화하고 글 작성 기능만 추가
• 이 외에 로그인 / 회원가입 모달창으로 바로 이동할 수 있게 구현

헤더

🌱 　모든 페이지에서 사용되는 공통적인 부분

• 비로그인 시 로그인 모달창으로 이동할 수 있는 버튼이 나오게
• 로그인 시 내 프로필, 로그아웃 버튼으로 구현

로그인 / 회원가입

🌱 　모달창을 활용

• 페이지 이동 없이 해당 페이지 내에서 로그인 / 회원가입을 처리하기로 함
• 회원가입 시 닉네임, 이메일, 비밀번호로 유저 식별
• 프론트 / 백 모두 유효성 검사를 실시하여 최대한 에러 방지

스터디 모집글

🌱 　CRUD 기반 모집글 구현

• 스터디 모집글은 최대한 게시판 형식으로 보이지 않게끔
• 특정 스터디 모집글에 들어갔을 때 모집 내용에 대한 정보와 댓글로 의사소통을 할 수 있게
• 첨부파일이 있다면 클릭해서 확인할 수 있도록

스터디 관리 페이지

🌱 　효율적인 스터디 모집 진행 상태 파악을 목표

• 내가 모집글을 작성한 스터디와 내가 참여한 스터디로 구분
• 최대인원, 모집중 / 모집 마감, 스터디 제목 표시

(back to top)

사용한 기술

• 
• 
• 
• 
• 
• 

(back to top)

사용한 라이브러리

• dotenv   

  • .env 파일을 생성하여 DB 정보 저장

• multer   

  • 한글 깨짐 이슈로 인해 해당 버전 사용

• sequelize   

  • JavaScript를 SQL로 변환

(back to top)

기획

회원가입

중복체크(닉네임)	중복체크(아이디)

(back to top)

로그인 & 내 프로필

로그인 정보 기억하기	비밀번호 변경

(back to top)

게시글

카테고리별 조회	검색

글 작성	댓글 작성

글 수정	댓글 수정

글 삭제	댓글 삭제

(back to top)

스터디

모집 마감	스터디 참여

스터디 메뉴	스터디 현황

신청자 목록	모집글로 이동

(back to top)