중간 프로젝트!!

❗❗  데브코스 56~69일차 (10.18 ~ 11.4)

주말 포함 약 3주 기간 동안 기획, 개발, 발표, 팀별 발표 영상 시청으로
일정이 진행됐고 실제 기획과 개발 기간은 약 2주 정도였다.
3~4인이 한 팀이 되어 React, Vue 중에 원하는 스택을 골라서 진행하면 된다.
우리 팀은 3명으로 구성되었고, 회의 끝에 React를 조금 더 학습하고 싶고,
생태계를 고려하여 React로 개발을 하기로 했다.

주제와 백엔드 기능은 프로젝트를 담당해 주는 강사님께서 제공을 해주셨다.

✅ 주제 : 관심사 기반 소셜 네트워크 프로젝트

제공되는 백엔드 기능

인증

• 회원가입
• 로그인
• 로그아웃
• 인증 확인 및 내 정보

유저

• 유저 목록
• 현재 접속 중인 유저 목록
• 유저 정보
• 프로필 이미지 변경

설정

• 내 정보 변경
• 비밀번호 변경

채널

• 채널 목록
• 채널 정보

포스트

• 특정 채널의 글 목록
• 특정 유저의 글 목록
• 특정 채널에 글 작성하기
• 특정 글 자세히보기
• 내가 작성한 글 수정하기
• 내가 작성한 글 삭제하기

좋아요

• 특정 포스트 좋아요
• 특정 포스트 좋아요 취소

댓글

• 특정 포스트에 댓글 달기
• 특정 포스트에 작성한 내 댓글 지우기

알림

• 나의 알림 목록
• 알림 확인 처리
• 실시간 알림 확인 (WebSocket)

팔로우

• 특정 유저 팔로우
• 특정 유저 언팔

메시지

• 나의 메시지함 (소통한 유저 목록)
• 특정 유저와 소통한 메시지 목록
• 특정 유저에게 메시지 전송
• 메시지 확인 처리
• 실시간 메시지 전송 확인 (WebSocket)

검색

• 유저 검색
• 전체 검색 (포스트, 유저)

 

기획 제안서, 중간 작업 진행 현황, 최종 결과 발표 및 자료 제출 과정으로 진행되고,
주어진 주제는 SNS 기반으로 자유롭게 기획을 하면 된다.
위의 주어진 백엔드 기능 11개의 카테고리를 가지고 개발해야 하기 때문에
주어진 카테고리를 이용할 수 있는 범위 내에서 기획을 진행하면 된다.
그리고 카테고리 11개의 기능 중에 최소 7개의 기능을 개발해야 하는 미션이 주어진다.

이 중 우리 팀은 8개의 조건을 개발을 완료할 수 있었다. (에러까지는 완벽하게 해결하지 못했다.)

프로젝트 Git레포주소

발표 영상

Mate프로젝트 시연영상.mp4

 

✅ 프로젝트 회고

😏 다음 프로젝트를 진행할 때도 유지할 것(Keep)

• 문제에 대한 고민을 함께 나누고 함께 해결하는 과정
• 팀원 간 실력 체크를 통해 기획 및 개발 난이도를 명확하게 정해서 프로젝트를 완성을 시킬 수 있었다.

😔 프로젝트를 진행하면서 문제가 되었던 것(Problem)

• 구체적이지 못한 기획으로 수정 사항이 많았고 이에 따라 공통 컴포넌트 관리가 미흡하여 중복된 코드 및 컴포넌트가 많았다.
• 팀원 간 개발 경험에 따른 편차로 인해 작업물의 비율 차이가 있었던 점
• 미흡한 예외 처리로 인해 어떤 경우에는 되고, 어떤 경우에는 안되고 하는 문제점

🧐 다음 프로젝트 진행 시 시도할 것(Try)

• 명확한 개발 기획으로 공통 컴포넌트 및 모듈화 작업을 통해 최대한 컴포넌트 재사용성 증가시키기
• 명확한 디자인 기획으로 UI, UX를 고려한 프로젝트 만들기
• 최대한 예외 처리 작업하기
• 다양한 기술 스택 경험해 보기