TeamIntroduction

내일배움캠프 팀 소개 페이지 만들기

🔗 https://minjee2758.github.io/TeamIntroduction/

📝 프로젝트 소개

개발 목적

개발 기간

2025.02.18 ~ 2025.02.21

개발자

• 백가희 : 팀장, 게시글 추가 페이지 제작 (html, css), 메인 페이지 card 오버레이 제작
• 강다연 : 개인페이지 슬라이드 제작
• 김태익 : 메인페이지 제작 (html, css), 팔로우 버튼 상호작용, 시연영상
• 임민지 : 와이어프레임, 멘션 및 게시글 DB, 버튼 및 상호작용 구성 (1. 게시글 추가 및 업데이트를 위한 DB 2. 개인 페이지의 댓글 작성&불러오기 위한 DB 3. membetInro페이지 멤버 소개 부분)

🛠️ 사용 stack

• html
• css
• firebase
• github
• javascript

📂 폴더 구조

📦TeamIntroduction
 ┣ 📂img
 ┃ ┣ 📂profile
 ┣ 📂pages
 ┃ ┣ 📂Js
 ┃ ┃ ┣ 📜mainPage.js
 ┃ ┃ ┣ 📜memberIntroDa.js
 ┃ ┃ ┣ 📜memberIntroGa.js
 ┃ ┃ ┣ 📜memberIntroM.js
 ┃ ┃ ┣ 📜memberIntroT.js
 ┃ ┃ ┗ 📜post.js
 ┃ ┣ 📜mainPage.html
 ┃ ┣ 📜mainPage.js
 ┃ ┣ 📜memberIntro.html
 ┃ ┣ 📜memberIntro.js
 ┃ ┣ 📜post.html
 ┃ ┗ 📜post.js
 ┣ 📂styles
 ┃ ┣ 📜mainPage.css
 ┃ ┣ 📜memberIntro.css
 ┃ ┗ 📜post.css
 ┣ 📜.DS_Store
 ┗ 📜README.md

🔗 figma link

https://www.figma.com/design/mu03cPXgBaGseP2Jxew0Go/%5B%EB%82%B4%EB%B0%B0%EC%BA%A0%5D-%ED%8C%80-%EC%86%8C%EA%B0%9C-%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%A7%8C%EB%93%A4%EA%B8%B0?node-id=0-1&t=oE68UVa2NTJ1np6c-1

✅ 페이지 소개

1. 메인 페이지

• 팀 이름 및 팀 소개
• S.A. 문서
• github 정보
• 개발 기록 (노션)

2. 개인 페이지

• 각각의 정보
• 댓글 기능
• 슬라이드 기능