TEA👂

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

✅ 익명 소통 – 닉네임으로 자유롭게 의견을 나눌 수 있어요.
✅ 학습 정보 공유 – 동기 수강생들의 실용적인 팁과 노하우를 한곳에서!
✅ 이슈 토론 – 학습뿐만 아니라 다양한 주제에 대해 깊이 있는 대화가 가능합니다.

프로젝트 URL 바로가기 💻

프로젝트 미리보기👑

• Home

• My Page

• Feed

• Detail / Edit

• Alert

• Signup / Login

프로젝트 소개📄

📆 프로젝트 기간 : 2025.02.12 ~ 2025.02.18

TEA(Tutor's Ears Are)는 수강생들을 위한 익명 커뮤니티 플랫폼입니다. 학습 꿀팁을 공유하고, 다양한 고민이나 이슈에 대해 자유롭게 소통할 수 있는 공간을 제공합니다. 익명으로 편하게 의견을 나누며, 실용적인 정보와 경험을 공유할 수 있어 수강생들에게 유익한 환경을 제공합니다. 함께 배우고 성장하는 TEA에서 새로운 소통을 경험해보세요.

비회원은 피드에서 게시글을 열람할 수 있으며, 회원가입을 하면 게시글 작성, 수정, 삭제가 가능합니다. 또한 댓글을 통해 자유롭게 의견을 나눌 수 있으며, 좋아요 기능을 활용해 공감할 수도 있습니다. 마이페이지에서는 내가 작성한 게시글을 한눈에 확인할 수 있어 관리가 편리합니다. 게시글과 댓글에는 금칙어 필터링 기능이 적용되어 있어 건전한 커뮤니티 환경을 유지할 수 있습니다.

반응형 디자인이 일부 적용되어 있어 다양한 기기에서도 편리하게 이용할 수 있습니다.

프로젝트 사용 기술💻

Environment

Record

Deploy

프로젝트 기능⚙️

• React로 구성되었습니다.
• 한국어를 제공합니다.
• supabase를 활용하여 데이터베이스를 구축하였습니다.
• react-hook-form 라이브러리를 사용하여 사용자 input을 효율적으로 관리합니다.
• 게시글/댓글에 금칙어 필터링 기능이 적용되어 있습니다.
• sweetalert2 라이브러리를 사용한 알람창으로 UX를 개선하였습니다.
  
  

팀 구성🫂

팀원	담당파트	GitHub	블로그
김도현	Login, SignUp 페이지 담당	도현 Github	도현 벨로그
김민경	Detail, Edit 페이지 담당	민경 Github	민경 벨로그
노수민	Home, AddModal 페이지 담당	수민 Github	수민 벨로그
박애리	MyPage 페이지 담당	애리 Github	애리 벨로그
오영진	Feed 페이지 담당	영진 Github	영진 티스토리
장미경	Login, SignUp 페이지 담당	미경 Github	미경 벨로그

---

트러블 슈팅 & 작업 후기🧑‍💻

TroubleShooting 1 : API 호출과 상태관리, 그리고 Git 협업의 교훈들

TroubleShooting 2 : React Hook Form 라이브러리를 사용하여 실전 도입과 충돌해결

TroubleShooting 3 : 배포하면서 마주친 예상치 못한 문제들

팀프로젝트 후기 : 협업, 끝날때까지 끝난게 아니다!