뉴스피드 프로젝트 TEA) KPT 회고✍️

밍갱·2025년 2월 18일

KPT projectreview teamProject

PROJECTS

목록 보기

11/20

1. Team Project - 뉴스피드 프로젝트 TEA👂

01. 프로젝트 컨셉

TEA(Tutor's Ears Are)는 수강생들만을 위한 익명 커뮤니티 플랫폼입니다. 누구나 자유롭게 학습 꿀팁을 공유하고, 고민이나 다양한 이슈에 대해 소통할 수 있는 공간을 제공합니다.

TALK : 수강생들이 자유롭게 이야기할 수 있는 공간을 위해 게시글 CRUD와 좋아요 기능을 담았습니다.
ECHO : 닉네임으로 자유롭게 의견을 나눌 수 있어요. 금칙어 필터링으로 건강한 커뮤니티를 구축했습니다.
ATTECHMENT : 수강생 동기분들과 친밀감 형성을 위해, 댓글 CRUD 기능과 supabase의 데이터베이스를 사용한 실시간으로 커뮤니케이션을 설계했습니다.

02. 완성 페이지 엿보기

TEA 사이트 보러가기
TEA Github 보러가기

Home
Feed
Feed Add Modal

Detail
Feed Edit
My Page

2. Project KPT Review🗒️

01. 개인 회고

KEEP : 만족하는 부분

- 댓글의 CRUD를 구현하면서 로직을 어떻게 설계하고 구현하는지 경험할 수 있었다.
- supabase에서 데이터를 어떻게 통신하는지 경험하고, 여러 유틸리티 함수를 만들어 보았다.
- React-hook-form을 통한 상태 관리 리팩토링을 경험해보았다.

PROBLEM : 문제가 발생한 부분

*담당기능 : 게시글 Detail/FeedEdit 페이지
		  게시글 수정, 댓글 CRUD 로직 구현
          supabase 통신을 위한 유틸리티 함수 구현
          
[기능 부분]
- react-hook-form에 대한 이해 없이 카피하듯이 작성했다.
- 반응형 css가 일부 적용되어, 모든 기기에서 적용되지 않았다.
- 옵셔널 체이닝을 남발하여 안정성이 떨어졌다.

[소통 부분]
- TIL을 작성하지 못했다.
- 체력 부족 이슈

TRY : 개선방안

[기능 부분]
- react-hook-form에 대한 공식 문서를 찾아본다.
- 반응형 css에 대해 찾아보고, 다음 프로젝트에서 구현하거나 현재 프로젝트를 리팩토링을 해본다.
- 비동기에 대한 복습과 데이터를 어떻게 처리해야할지 학습한다.

[소통 부분]
- 이후에 주말이라도 짬짬이 프로젝트 기간동안 있었던 트러블슈팅이나 새로운 개념을 TIL을 기록하자.
- 운동을 하자!

02. 팀 회고

KEEP : 만족하는 부분

- Github Issue와 Pull Request를 활용한 협업이 적극적으로 이루어졌다.
- 도전 기능을 최대한 구현하려고 노력했다.
- 발표 PPT에서 프로젝트의 컨셉과 트러블슈팅에 대해 자세히 정리하였다.

PROBLEM : 문제가 발생한 부분

[기능 부분]
- 라이브러리 설치 버전이 달라 Vercel 배포시 오류가 발생했다.
- develop에서 바로 Vercel 배포를 시도해 재배포 제한에 걸려 작업에 딜레이가 생겼다.
- git pull/push을 할 때, 의도치 않은 코드가 함께 포함되었다.

[소통 부분]
- 기획 단계에 어떤 내용을 논의해야할지 모르고 바로 프로젝트로 돌입하여 여러 문제가 생겼다.

TRY : 개선방안

[기능 부분]
- 기획 단계에서 yarn/npm과 프로젝트에 필요한 라이브러리를 미리 논의한다.
- 배포 테스트용 브랜치의 필요성을 느꼈다. 효율적인 Git Flow 전략을 찾아보자.
- git 명령어에 대해 학습을 꼭 하자.

[소통 부분]
- 이번 프로젝트를 경험삼아 기획 단계에 어떤 내용들을 논의해야할지 미리 정리해본다.