4조 S.A

팀

• 팀명 : 래프트(FROM GARBAGE)
• 팀 소개 : 우리는 바닥부터 시작했지만… 주위에 모든 걸 긁어모아 살아남겠다~!

 

프로젝트

• 프로젝트명 : 팀 소개 웹페이지
• 프로젝트 소개 : 우리 팀, 우리만의 이야기를 담을 수 있는 ”팀 소개 웹페이지”

 

개발 일정

11 / 4

메인 페이지

• 와이어 프레임 참고해서 뼈대(HTML) 만들기
• 전체적인 틀 보일 수 있게 살(CSS) 적당히 꾸미기

멤버 소개  페이지

• HTML 만들기
  • 환영 인사
  • 사진 및 소개
  • 캐릭터 및 취미
  • 경험 및 목표
  • 댓글
  • 연락처

11 / 5

메인 페이지

• 멤버 카드 추가 폼 생성 (+ 버튼을 통한 toggle 기능 추가)
• 방명록 작성 폼 생성 (+ 버튼을 통한 toggle 기능 추가)
• 방명록 삭제 버튼 생성 (+ 버튼 눌렀을 때 데이터 삭제 기능 추가)

멤버 소개  페이지

• CSS 꾸미기
• 0~5p. 버튼 눌러서 특정 구역 조회할 수 있게 하기
• 3p. 화면 전환 시 카드들 떠오르는 효과

11 / 6

메인 페이지

• Javascript로 이것저것 이벤트 개발하기

멤버 소개 페이지

• 2p. 버튼 클릭해서 카드 펼치기 / 전체 펼치기
• 4p. 댓글 기능 추가하기

11 / 7

메인 페이지

•  

멤버 소개 페이지

• 5p. 연락처를 블록화해서 스크롤과 관계 없이 페이지의 특정 구간에 고정시키기
• 2p. 취미 카드들 등장 모션 넣기

 

역할 분담

• 이승찬, 박재성 : 메인 페이지
• 방동혁, 한성우 : 멤버 소개 페이지

✔️ 추후 변동 가능

 

사용하는 기술

• HTML
• CSS
• JavaScript
• GitHub

 

와이어 프레임

메인 와이어 프레임

내부 카드 페이지 와이어 프레임