💚팀 소개 사이트 : 아이(i)들

---

📋 프로젝트 소개

---

• 내일배움캠프 react 5기 팀 소개 미니 프로젝트
• 개발 일정 : 2024.04.15~2024.04.19
• 기술 스택
• Front-End : javascript, HTML, CSS
• Back-End : Firebase
• 개발 인원 : 6명
• 프로젝트 소개 : 처음모인 6명이서 팀과 팀원을 소개하는 사이트 입니다.

💬 프로젝트에서 고려한 점

---

✅ 페이지 디자인과 동시에 사용자의 편의성을 고려하며 애니메이션을 적용했어요.
✅ 기획 단계 때 flow 차트를 작성해 웹 페이지의 흐름을 파악하고, 이에 맞춰 개발을 진행해 나갔어요.
✅ 로그인한 유저와 비로그인 유저 간 기능차이를 고민해봤어요.
✅ Firebase Database를 이용해 CRUD를 구현하려고 노력했어요.
✅ 채팅 기능을 위해 Firebase 중 Realtime Database를 사용해 실시간 채팅을 도입했어요. 로그인 없이도 누구나 채팅 기능을 쓸 수 있어요!
✅ Git branch 전략 중 소규모 프로젝트에 적합한 Git Flow 전략을 도입해, 혼선 없이 협업을 해나갈 수 있도록 진행해 보았어요!

🔧 프로젝트 기능

---

회원가입/로그인기능

팀원 소개 모달창

응원 메세지(create)

응원 메세지(read, update, delete)

✏️ 내가 맡은 부분

---

• 홈 화면, 헤더(header), 푸터(footer)

• 응원 메세지 create 기능

  
  
  

💭 회고

---

바닐라 자바스크립트로는 사이트를 제대로 만들어 본 적이 없어서 새로운 도전이 됐다. 6명이서 함께 진행해서 맡은 부분이 많지 않았지만 그럼에도 git을 사용하는 방법이나 다른 팀원들의 오류도 해결해주면서 많은 공부가 된 것 같다. 특히 git 충돌이 일어난 경험이 거의 없어서 이런 미니 프로젝트로 코드 충돌을 해결해 나가는 경험을 쌓게 되어 좋았다.