오유경 김경민 김기홍 김진영 김채원 박양하

​

Newbit

00.

Newbit

목차

01

프로젝트 개요

​

02

프로젝트 상세

03

프로젝트 시연

# 팀원 소개

​

# 기획 배경

​

# 프로젝트 관리

# MSA 구조도

​

# 와이어프레임

​

# 화면 설계

​

# 기능 명세서

# 프로젝트 시연

04

프로젝트 회고

# 트러블 슈팅

​

# 회고록

​

# QnA

팀원 소개 / 기획 배경 / 프로젝트 관리

Newbit

프로젝트 개요

01.

팀 소개

Newbit

김경민

오유경

김채원

김기홍

박양하

김진영

Let’s get it

01.

조직도

Newbit

01.

기획 배경

Newbit

01.

기획 배경 - NEWBIT

Newbit

Newbie

+

IT

01.

기획 배경 - 핵심 기능

Newbit

커피챗

게시판

칼럼

01.

기획 배경 - 핵심 기능

Newbit

POINT

DIAMOND

멘티

멘토

칼럼

커피챗

01.

프로젝트 관리 - 협업툴

Newbit

Github

Discord

Notion

Jira

01.

프로젝트 관리 - Notion

Newbit

01.

프로젝트 관리 - Jira

Newbit

01.

프로젝트 관리 - Jira & Github 연동

Newbit

01.

프로젝트 관리 - Github & Discord 연동

Newbit

PR Reviewer 지정

Discord 알림 발송

01.

프로젝트 관리 - 코드 수정 요청 티켓

Newbit

Jira 코드 수정 티켓 발행

Discord 알림 발송

수정완료 후 요청자 멘션 및 요청자 PR Reviewer 지정

MSA 구조도 / 와이어 프레임/ 화면 설계 / API 명세

Newbit

프로젝트 상세

02.

MSA 구조도

Newbit

02.

와이어 프레임 - Figjam

Newbit

02.

화면 설계 - Figma

Newbit

02.

공통컴포넌트

Newbit

02.

화면 설계 - Figma

Newbit

02.

폴더 구조

Newbit

프로젝트 기본 디렉토리 구조

공통 UI 컴포넌트 및 레이아웃 분리로 재사용성 강화

도메인 중심(Feature-based)

기능 모듈 분리

프로젝트 시연

Newbit

프로젝트 시연

03.

회원 가입, 로그인, 아이디 비밀번호 찾기

Newbit

03.

유저 프로필 조회

​

Newbit

03.

멘토 프로필 조회

​

Newbit

03.

프로필 수정

​

Newbit

03.

멘토 프로필 수정

Newbit

03.

칼럼 조회, 등록 요청

​

Newbit

03.

칼럼 수정 요청 (멘토)

Newbit

03.

칼럼 요청 관리 (승인, 반려)

​

Newbit

03.

칼럼 구매

​

Newbit

Newbit

칼럼 / 시리즈 목록 조회 및 시리즈 발행

03.

게시글 등록, 수정, 삭제

Newbit

03.

댓글 등록, 삭제

Newbit

03.

게시글, 댓글 신고

Newbit

03.

커피챗 신청, 조회

Newbit

03.

커피챗 승인(멘토)

Newbit

03.

커피챗 결제(멘티)

Newbit

03.

커피챗 종료(멘토)

Newbit

03.

커피챗 리뷰 작성, 조회(멘티)

Newbit

Newbit

신고 조회

Newbit

결제 기능

Newbit

커피레터(채팅 기능)

Newbit

포인트 상품 결제 - 심리테스트

트러블 슈팅 / 회고록 / QnA

Newbit

프로젝트 회고

04.

회고록

Newbit

04.

회고록

Newbit

Newbit

아쉬운 점:

• 토스 페이먼츠 결제 외에 결제 취소 기능이 구현되지 않음.
• 기본 기능을 먼저 모두 구현해 놓고 UX나 UI, 로직 처리 등을 신경썼어야 했는데 일의 우선순위 설정이 잘못됨.
• 토스페이먼츠 위젯 에러 발생 시 대처할 수 있는 예외처리 없음.

상품 결제 – 토스페이먼츠

Newbit

아쉬운 점:

• 동일한 유저가 동일한 컨텐츠를 신고할 경우 이미 신고한 콘텐츠 메시지 에러를 반환하도록 되어 있으나, 프론트에서 버튼을 disabled 처리하는 것이 좀 더 유저 경험에 유익할 것으로 생각됨.

포인트 상품 결제 - 심리테스트

Newbit

아쉬운 점:

• 개별 신고 처리에서 컨텐츠 건별 신고 처리로 수정하는 게 좋겠다는 강사님 피드백을 반영하여 UI를 수정했으나, 기타 비즈니스 로직, 서비스 코드와 데이터베이스 스키마 등 함께 변경됐어야 할 많은 사항들이 누락됨.
• 기존 백엔드 코드로 바뀐 UI에 대응하려니 코드가 복잡해 지고 로직이 꼬이는 문제 발생 => 변경사항이 생겼을 경우, 영향에 대한 거시적인 분석이 선행되어야 함.

신고 관리

Newbit

아쉬운 점:

• 포인트로 유료 포인트 심리테스트를 구매하지 않은 사람이 유료 테스트에 접근할 수 없도록 localStorage에 테스트 구매 여부를 저장하고 라우터에서 확인하는 코드를 작성.

=> 의도치 않게 문제가 발생하여 해당 정보가 사라질 경우 유저측에서 포인트를 지불하고도 테스트를 할 수 없는 경우가 발생.

​

• 심리테스트 결과나, 구매 여부를 DB에 저장하지 않는 것은 의도한 것이었지만 실 운영 관점에서는 유저 손실에 대한 대비가 전혀 되어 있지 않아 리스크가 있음.

포인트 상품 결제 - 심리테스트

Newbit

QnA