TEA(Tutor's Ears Are)는 수강생들만을 위한 익명 커뮤니티 플랫폼입니다. 누구나 자유롭게 학습 꿀팁을 공유하고, 고민이나 다양한 이슈에 대해 소통할 수 있는 공간을 제공합니다.
✅ 익명 소통 – 닉네임으로 자유롭게 의견을 나눌 수 있어요.
✅ 학습 정보 공유 – 동기 수강생들의 실용적인 팁과 노하우를 한곳에서!
✅ 이슈 토론 – 학습뿐만 아니라 다양한 주제에 대해 깊이 있는 대화가 가능합니다.
- Home
- My Page
- Feed
- Detail
- Edit
- Alert
 |
 |
|---|
- Signup / Login
 |
 |
|---|
📆 프로젝트 기간 : 2025.02.12 ~ 2025.02.18
TEA(Tutor's Ears Are)는 수강생들을 위한 익명 커뮤니티 플랫폼입니다. 학습 꿀팁을 공유하고, 다양한 고민이나 이슈에 대해 자유롭게 소통할 수 있는 공간을 제공합니다. 익명으로 편하게 의견을 나누며, 실용적인 정보와 경험을 공유할 수 있어 수강생들에게 유익한 환경을 제공합니다. 함께 배우고 성장하는 TEA에서 새로운 소통을 경험해보세요.
비회원은 피드에서 게시글을 열람할 수 있으며, 회원가입을 하면 게시글 작성, 수정, 삭제가 가능합니다. 또한 댓글을 통해 자유롭게 의견을 나눌 수 있으며, 좋아요 기능을 활용해 공감할 수도 있습니다. 마이페이지에서는 내가 작성한 게시글을 한눈에 확인할 수 있어 관리가 편리합니다. 게시글과 댓글에는 금칙어 필터링 기능이 적용되어 있어 건전한 커뮤니티 환경을 유지할 수 있습니다.
반응형 디자인이 일부 적용되어 있어 다양한 기기에서도 편리하게 이용할 수 있습니다.
- 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 라이브러리를 사용하여 실전 도입과 충돌해결