프로젝트 첫 회의
시작 전 협의
1.
정기 회의 시간 : 매주 월요일 / 목요일 오전 9시
2.
프로젝트 팀명 : the 팔색조
3.
구현 우선순위
a.
로그인 / 회원가입 + splash
b.
게시물 관련 (게시물, 상품)
c.
프로필 수정/ 팔로우, 팔로잉
d.
헤더 / 푸터 / 메인 페이지
4.
일정 및 진행 방향
a.
일단은 완성을 목표로! 속도가 느려 시간이 부족할 것으로 예상되면 기능 구현 위주로 작업하기 (6월 12일 정규 시간 이후로는 시간 자유롭게 투자)
b.
정규 시간 이후에도 자신이 프로젝트 코딩을 하고 있다면 음성 회의실에 접속해서 티 내기 ⇒ 서로 물어보고 답변하며 피드백 속도를 올릴 수 있음
c.
역할 분담 → 마크업 작업 먼저 시작
프로젝트 기획
모바일 화면 기준으로 구현
•
PC 화면 ⇒ 배경색을 회색으로 지정
•
모바일 화면 ⇒ 정중앙 배치
1.
splash 화면
IDEA◦
경기장 위에 야구공이 2번 정도 튕기는 애니메이션
◦
야구장을 하늘 위에서 보는 시점으로
야구공이 홈 → 1루 → 2루 → 3루 방향으로 움직이는 애니메이션
◦
사이트 이름이 들어가 있는 야구공이 다이아몬드 배경 안에서 뱅글뱅글 도는 애니메이션
◦
로고가 슈욱 나타나는 애니메이션
2.
로그인 / 회원 가입
•
로그인
◦
이메일로 로그인
◦
이메일 유효성 검사
◦
이메일 형식에 맞게 입력 / 비밀번호가 6자리 이상일 때 로그인 버튼 활성화
◦
SNS 로그인은 마크업만 (기능 구현 X)
•
회원 가입
◦
이메일로 회원 가입
◦
이메일 / 비밀번호 / 사용자 이름 / 사용자ID / 자기소개 / 마이팀 / 프로필 사진 (없을 경우 기본 이미지 필요)
◦
자기소개 / 마이팀은 $로 구분해서 잘라서 사용 (split)
◦
유효성 검사 필요
◦
마이팀은 셀렉트 박스로 구현 (10개 팀 + ‘없음’)
3.
헤더 / 푸터
•
헤더
왼쪽 상단
◦
메인 페이지 ⇒ 피드
◦
그 외 페이지 ⇒ 뒤로 가기
오른쪽 상단
◦
검색 페이지 ⇒ 돋보기
◦
프로필, 피드, 상품 상세 페이지 ⇒ 설정
◦
상품 등록, 게시물 작성 페이지, 프로필 수정 ⇒ 업로드 버튼
4.
메인 페이지
•
피드
◦
팔로우가 있을 때 ⇒ 내가 팔로우한 사용자의 게시물
◦
팔로우가 없을 때 ⇒ ‘유저 검색하기’ 버튼
•
PC
◦
사이드 바 (홈, 채팅, 게시물 업로드, 내 프로필, 로그아웃)
◦
메인 피드
◦
TOP 버
5.
프로필
•
내 프로필
◦
정보 ⇒ 프로필 이미지, 자기소개, 마이팀, 팔로워 및 팔로잉 수
◦
버튼 ⇒ 프로필 수정, 상품 등록, 공유
◦
갤러리 ⇒ 판매 중인 상품, 게시물 피드
•
다른 사람 프로필
◦
버튼 ⇒ 팔로우, 팔로우 취소
•
채팅 버튼은 일단 해보고 뺄지 넣을지 결정
6.
게시물
•
감귤마켓 피그마 명세를 따름
7.
상품 판매
•
판매 링크 제거하고 상품에 대한 소개란 추가
•
판매 중인 상품 클릭하면 해당 상품 상세 페이지로 이동
◦
판매자에게 바로 채팅할 수 있도록 채팅 버튼 추가
다음 회의
공통 UI 컴포넌트 제작 : 6월 8일 목요일 까지 •
header : 수빈
•
footer : 예지
•
button : 은총
•
input : 하연
