미니 프로젝트 "팀 소개 페이지"

🖥️ 프로젝트 소개

내일배움캠프로 만난 5인이 자기자신을 멋지게 소개하고, 서로를 알아가며 한 팀이 되어가는 과정을 그린 팀 소개 페이지입니다.

사이트 주소

http://myweb.eba-d9hrkem7.ap-northeast-2.elasticbeanstalk.com/

🕰️ 개발 기간

• 23.05.15 - 23.05.19

🧑‍🤝‍🧑 멤버 구성

• 지설희 : 명언 자동 슬라이드, 팀 소개글 음성 구현
• 장혜진 : 팀원별 소개 상세 카드 모달창 구현
• 박제이 : 댓글 수정, 댓글 삭제 기능 구현
• 김우리 : 팀원별 좋아요 기능 구현, 메인 페이지 CSS
• 김영빈 : 댓글 조회, 스크롤, 댓글 생성 구현

⚙️ 사용하는 기술

• HTML, JavaScript, CSS, Python(flask), mongoDB

🎬 데모 영상

• https://youtu.be/3h7TEMIY7y8

📌 트러블 슈팅

깃허브 협업 이슈

• 현상: 깃 터미널에서 커밋 에러 발생
• 원인: 초기 버전이 아닌 개인 폴더에서 작업
• 해결책: 초기 버전을 팀원들이 git clone하여 로컬저장소 개인 브랜치에서 각자 작업

모달창 이슈

• 현상: 댓글 등록 버튼, 삭제 모달창 기능 버튼에 에러 발생
• 원인: 클래스명이 중복, 모달창 우선순위 오배치
• 해결책: 클래스명 수정, 모달창 우선순위 재배치