프로젝트 개요

• 사이드 프로젝트 , 스터디 팀원을 자유롭게 구할 수 있는 플랫폼

기획배경

• 프로젝트나 스터디를 진행하고 싶은데 팀원을 어디에서 구해야할지 고민이되는 경우가 많습니다.
• 따라서 원하는 포지션의 팀원을 쉽게 구할 수 있는 플랫폼을 기획했습니다.

해결방법

• 사용자는 본인이 필요한 유형에 맞춰, 두 가지 유형의 게시물을 작성할 수 있습니다.
  • 모집 - 필요한 팀원의 role, 기술 스택, 진행 기간, 진행 방식 등을 기재한 프로젝트 ,스터디 팀원 모집글
  • 홍보 - 다양한 주제로 소통하고 싶거나 홍보가 필요한 소재를 자유롭게 올리는 홍보글

Demo link:

팀 노션: NextConnect

🕰️ 개발 기간

• 23.03.28 - 23.06.08

🛠️ Skills

Front-End

Back-End

Infrastructure

Collaboration tool

⚒️ 프로젝트 주요 기능

1. 로그인

회원가입 & 소셜 로그인

• 소셜 로그인은 JWT 인증 방식으로 구현
• OAuth 로그인 : 네이버 계정을 통해 로그인
  • Front 에서 Authorization code 발급받아 Server 로 전달
  • Back 에서 Authorization code 를 받아 네이버 서버로부터 Access Token 및 유저 정보를 요청
  • 응답받은 유저 정보로 Database 를 검색하여 회원 정보 생성
  • 로그인 성공 시 Access, Refresh Token을 발급하여 응답
• 인증
  • 요청마다 AccessToken을 준다.
  • AccessToken이 만료되었다면 RefreshToken을 통해 토큰을 새로 발급 받는다.

2. 모집 게시판

모집 공고 게시판

• 메인 페이지
  • 마감일이 가장 임박한 모집 공고글 4개를 보여준다.
• 모집 공고글 조회
  • 분류 (프로젝트, 스터디) , 상태(진행중, 모집완료)로 필터 하여 사용자에게 보여준다.
  • AccessToken이 만료되었다면 RefreshToken을 통해 토큰을 새로 발급 받는다.

• 모집 공고 등록
  • 제목, 모집 구분, 모임 목적, 기술 스택, 모집 마감일, 모집 인원, 진행 방식, 진행 기간, 모임 시간 및 장소, 진행 방법, 연락 방법, 자유 소개글 항목으로 나뉘어져 있다.
  • 자유 소개글을 제외한 모든 항목은 필수 항목이며, 빈 항목으로 제출 시 등록이 되지 않는다.
  • 글쓴이, 작성 시간, 상태(OPEN, CLOSED)는 자동으로 기입된다.
  • 상세 조회 시, 해당 모집글이 없으면 에러가 발생한다.
• 모집 마감
  • 모집중 버튼을 눌러 프로젝트의 상태를 비활성화 할 수 있다.
  • 모집완료 버튼을 눌러 모집 마감했던 프로젝트를 다시 모집 활성화 할 수 있다.
  • 작성자가 아닌 사용자가 모집글을 마감하거나 다시 활성화할 수 없다.

• 모집 글 수정
  • 상세페이지 에서 AccessToken으로 사용자 정보를 확인 후 수정권한을 부여한다.
  • 사용자가 작성한 글을 기반으로 자동으로 입력되어진 상태로 편집페이지를 보여준다.
  • 작성한 모집 공고 수정한다.
  • 작성자가 아닌 사용자가 모집글을 수정할 수 없다.
• 모집 글 삭제
  • 삭제 확인 모달에서 한번 더 버튼을 누를 시 작성한 모집 공고가 삭제된다.
  • 작성자가 아닌 사용자가 모집글을 삭제할 수 없다.

3. 홍보 게시판

홍보 게시판

• 메인 페이지
  • 현재 날짜로부터 2주 이내로 작성한 홍보글 4개를 불러온다.
• 홍보글 조회
  • 제목, 내용, 프로젝트 홍보 요약정보에 대한 글을 작성한다.
  • 작성자, 작성 시간, 조회수, 추천 수가 자동으로 정보 추가된다.
  • 제목과 내용, 프로젝트 홍보 요약정보를 필수로 작성한다.
  • 조회수는 방문 중복 처리가 되지 않도록 사용자 페이지에 쿠키에 값을 넣고 세션 시간을 정해 만료되기 전까지 조회수가 오르지 않도록 방지한다.

• 홍보글 수정
  • 본인이 작성한 글 인지 DB 사용자 정보와 글쓴이 정보를 유효 값으로 비교하여 수정 권한을 준다.
  • 수정 페이지로 넘어가서 제목과 내용, 프로젝트 요약 정보 내용을 수정한다.
• 홍보글 추천
  • 추천을 누르지 않은 경우 추천 수가 각 회원 별로 1씩 오르고 줄어든다.
  • 같은 수의 추천 수를 가진 게시물이 존재할 경우 최신 순 정렬된다.
• 홍보글 조회
  • 쿼리 파라미터 값에 따라 최신 순, 추천 순, 최신 및 추천 순 동시 적용해 정렬한다.
• 마이페이지 홍보글 조회
  • 본인이 작성한 글을 오래된 순으로 정렬하여 조회한다.

🚀Demo

소셜로그인,마이페이지	로그아웃
모집게시판	홍보게시판
모집글 작성	모집글 수정,삭제
홍보글 작성	홍보글 수정,삭제
마감여부 수정	메인화면

👥 팀원소개

• 최송희(Back-end) : Github
• 한희나(Back-end) : Github
• 송지수(Front-end) : Github
• 조혜준(Front-end) : Github