8주차 React 실전프로젝트-1 회고록

김현진·2022년 5월 4일
0

회고록

목록 보기
7/11

미니프로젝트와, 클론코딩을 하며 백엔드와 협업하는 법을 어느정도 익힌 후 드디어 실전주차가 시작되었다.
이번 실전프로젝트는 실제 포트폴리오로 사용될 작업물을 만드는 기간이기도하고, 실제 현업에서 작업이 이루어지는것처럼 디자이너분들도 붙어서 진행되기때문에 걱정이 많이 되기도하고, 또 팀에서 부 리더를 맡게되어 부담감이 크기도 하다.
아직 실력적으로 많이 부족하지만 잠을 줄여서라도 더 열심히 이번 실전프로젝트에 임해보기로 한다.

🏁 **Goal: 중간발표 (05/14) + 최종 제출 (추후 공지)**
  • 05/14(토) : 중간발표

    • 각 팀의 발표자 1명이, 팀의 MVP를 반 전체 수강생 + 객원 튜터들에게 발표
    • 튜터들의 피드백 수렴 → 프로젝트 개선 방향 참고
  • 실전 프로젝트 6주차(04/30~06/03) : 최종 프로젝트 제출

    • 프로젝트 발표 영상 유튜브 링크 제출하기 (제출 링크 공지 예정)
    • [제출 할 것] 최종 제출에만 해당합니다. → 작품: 완성작 유투브 URL + 도메인주소 + 제목/설명 → 코드: 클라이언트 github + 서버 github
  • 06/03 (금) : 최종 발표회 (Gather)

    → 최종 발표회는 튜터님들과 항해99 선배 기수 / 항해99 협력사의 채용관계자 및 개발자들이 참석하여 진행합니다.

총 6주간 진행되는 과정이고 3주간 기획 및 mvp완성하여 중간발표를 해야하기때문에 생각보다 시간이 여유롭지 않을것같다.

이번주차에는 어떠한 서비스를 만들것인지에 대한 기획회의가 주로 이루어 졌다.
디자이너분들과, 백엔드, 프론트엔드가 모두 모여 함께 진행하는 기획회의가 처음이라 방향성을 쉽게 잡지 못하였으나 다같이 머리를 맞대어 "고민해결 서비스" 라는 주제의 서비스페이지를 만들어보기로 하였다.

결정하는 것에 있어 어려움을 겪는 사람들을 대신해 투표를 이용하여 결정을 대신해준다던지, 고민글을 올리면 고민상담을 해주는 형식의 서비스이다.

1차 기획 MVP는 아래와 같다.

1차 기획 MVP기능

메인페이지

  • 전체 게시글 조회
  • 카테고리별 조회 (옷, 여행, 음식, ... 등등)
  • 실시간 채팅방 페이지이동
  • (월별, 주간별 순위 / 오지라퍼 순위, 투표순위 등 ) 추가
  • (타입별[투표, 게시글] 조회) 추가

마이페이지

  • 내정보 조회 (아이디, 닉네임, [등급] )
  • 내가쓴 고민글 조회

로그인, 회원가입

  • 회원가입 유효성검사
  • 아이디 - 6자 ~16자, 띄어쓰기x, 특수문자x, 숫자o, 영문o, 중복확인
  • 비밀번호 - 8자~16자 , 숫자,영문,특수문자포함,
  • 비밀번호 확인
  • 닉네임 - 6자 ~16자 ,중복확인, 특수문자x
  • JWT 토근 이용
  • (소셜로그인) 추가
  • (문자 or 이메일 인증) 추가

게시글

  • 작성페이지 - 카테고리 구분, 타입 구분, 제목, 고민 내용, 작성자(익명)
  • 상세페이지 - 제목, 고민내용, 작성자, 작성일, 답변

채팅페이지

  • 실시간 채팅룸 리스트
  • 채팅방 생성
    기능 : 채팅, 투표, 카테고리, 로그인, 회원가입, CRUD(이미지포함), 광고배너 //추가 기능구현 = (등급제, 소셜로그인, 문자or이메일인증, 공감기능, 순위 )

1차 기획안에서의 문제점은 실제 포폴로 사용하기엔 기술적으로 보여줄것이 없고,
주제가 너무 광범위해서 고민의 무게가 너무 달라지기때문에 어려움이 있어보인다라는 기획멘토링에서의 피드백을 받았고 기획을 처음부터 싹 갈아 엎기로 하였다.

2차 기획으로는 '온라인 면접스터디 룸'을 진행해보기로하였다.
면접 관련 정보를 얻을 수 있는 플랫폼이 부족하고, 대면하는 면접 경험을 쌓을 수 있는 플랫폼이 없어서 이러한 불편사항에 대한 서비스를 직접 구현해보고자한다.

2차 기획 MVP기능

- 면접 스터디 기능 구현 정리

1. 로그인 / 회원가입

  • JWT 토큰 발급을 통한 로그인
  • 소셜 로그인(네이버, 구글, 페이스북)
  • 일반 로그인

2. 메인 페이지

  • 스터디 룸 리스트(CRUD)
  • 면접예상질문(CRUD)

3.카테고리페이지(변경가능)

  • 카테고리별 스터디 룸

4. 화상스터디 룸

  • 모의면접 점수평가 시스템
  • 채팅기능
  • 화상기능
  • 마이크,카메라사용여부체크
  • 입장한 유저리스트(?)
  • 타이머기능

5. 면접꿀팁 페이지

  • 예상면접질문 리스트
  • 면접후기(CRUD)

6.마이페이지

  • 나의 면접 점수와 코멘트
  • 회원정보

- 면접 스터디 기획의도

  • 문제정의
    면접 관련 정보를 얻을 수 있는 플랫폼이 부족하다
    대면하는 면접 경험을 쌓을 수 있는 플랫폼이 없다.

- 타겟

  1. 면접을 앞두고 있는 취업 준비생
  2. 이직 준비를 하고 있는 직장인
  3. 면접 경험이 없는 사회 초년생
  4. 면접 경험을 쌓고 싶은 사회 초년생

- 목적

  • 면접 스터디 구인 서비스
  • 취업, 이직을 준비중인 사람들이 모여 면접 연습을 할 수 있는 플랫폼
  • 취업, 이직을 준비중인 사람들과 모여 서로 피드백도 주고 모의 면접도 할 수 있는 플랫폼

- 사이트 주요 기능

  • 면접 스터디원 화상 채팅
  • 직군별 면접 스타일/예상 질문 제공/베스트 답변

- Pain Point

  1. 면접에 떨어져도 피드백이 없어서 원인을 모름
  2. 면접 스터디를 어디서 구해야 할지 모르겠음
  3. 여러 회사, 학교에 지원하면서 그 회사를 조사하는데 시간이 많이 걸림
  • Needs
  • 면접 피드백을 받고 싶음
  • 경험자들의 조언을 듣고 싶음

- 면접 스터디 핵심기능

핵심기능
1. 웹소켓, WebRTC을 이용한 화상채팅
2. 실시간 채팅 기능
3. CRUD
4. 타이머
-----------MVP이후 추가기능----------
1. 순위기능,
2. 뱃지기능,
3. 연결상황에 따라 화질 자동 조절
4. 즐겨찾기 기능

온라인 면접스터디 서비스는 webRTC를 사용하여 화상,통화,채팅기능을 이번프로젝트의 주요기능으로 잡고 공부를 하며 진행해 보고자한다.
webRTC 처음 들어보는 기술이라 많은 어려움이 있을것으로 예상된다.

8주차 회고

이전에 기술매니저님들께서 기획이 가장 오래걸리고 힘들다고 말씀해주셨을땐 기획이 왜 어렵지? 하는 생각이었다. 왜냐하면 미니프로젝트와, 클론코딩주차때도 해보았기때문에 그때와 같이 주제정하고, 페이지 어떻게 구상할것인지 정하고 기능구현하면 되는줄알았다.

하지만 현업에서 진행하듯 실제서비스를 만드는 과정은 달랐다. 이서비스가 왜 필요한지, 타켓층은 누구인지등 하나하나 다 생각을 해야했고, 페이지를 구상할때도 하나하나 정말 디테일하게 구상하여야했다. 또, 디자이너분들과의 협업이 처음이라 소통하는부분에서도 약간의 어려움이 있었던것같다.

기획을 진행하면서 디자인적인부분과, 기능적으로 부딪히는 부분들이 있어 최대한 디자이너분들이 이해할수 있도록 차근히 설명하였고, 이후 디자인적으로 보여줄수 있고, 기능적으로도 기능구현이 가능한 방향으로 같이 대안을 찾아 풀어나갔다.
먼저 상대방이 이해할수있도록 충분한 설명을 하며 풀어나가다보니 규칙을 따로정한것도아닌데 서로가 상대방을 먼저 생각하고 배려하며 이야기를 하고있었던 것 같다.

이번 실전프로젝트에서는 서비스 구현도 중요하지만, 협업을 하면서 어려움을 어떻게 풀어갈지, 팀원들과의 커뮤니케이션이 가장 중요할것 같다.
팀에서 부리더를 맡은만큼 팀이 옳은방향으로 잘나아가도록 더많은 노력이 필요할것 같다.

항상 배려하는 마음을 잊지않고 이번 실전프로젝트에 임해보려한다.

0개의 댓글