팀프로젝트의 날이 시작되었다.
먼저 각자 할 역할들을 정했는데.. 다른분들을 서포터 해줄 수있는 팀장역할을 내가 맡게되었다.
레파지토리 관리등 중요한 일인 만큼 진짜 조심히.. 신중하게 해야겠다는 마음을 먹었다.
그리고 프론트깃부분을 담당하시는 분과, 벡엔드 깃을 담당하시는 분, 그리고 노션정리를 담당하시는 분들까지는 정하고, 아직 시연발표자료준비와, 발표하는 역할은 정하지 않았다. 차후 정할 예정이다.
팀장:나
프론트 git 담당:J.Y
벡엔드 git 담당:E.J
노션:Y.J
미리 저번주부터 수업후에 무엇을 할지 정하긴 했지만, 구체적인 계획이라던지, 디자인 시안등은 아직짜지않아 일단 피그마로 UI를 구성해보았다.
우리조의 주제는 중고만화 대여 및 판매다.
중고만화라고는 했지만 최신만화가 아니라 90년대 추억의 만화가 대상이다.
요즘 웹툰을 접할 수 있는 시스템은 많지만, 90년대생에게 만화책 📚 은 하나의 소통창구였다.
친구들과 교실에서 만화를 공유하며 얘기했던 그 시절이 그리운 유저들에게 장소의 제약없이 직접 가지않아도
”90년대 추억의 만화책”을 대여/판매(구매)할 수 있는 서비스를 제공하고자 하였다.
관리자는 평소에 구하기 어려운 만화책을 유저에게 제공(대여)하고, 유저는 희귀 만화책을 타인에게 판매 및 구매할 수 있다.
자유게시판을 통해 자유롭게 만화에 대한 얘기 등을 나누며, 유저들이 같은 추억을 공유할 수 있는 커뮤니티를 생성하였다.
일단 계획상으로는 만화책을 등록, 수정, 삭제하는 부분과 판매 및 대여하는 부분을 만들고, 관리자가 볼 수 있는 페이지가 따로 있고, 일정금액이상 사용하면 등급별 level up 시스템이 들어가면 좋겠다는 의견이 있었다.
비회원도 구입이 가능하게 비회원전용 API도 가능하다면 구현하고자 했도, 그외, 배송비는 어떻게 구성할 것인지 등에대해 간단히 논의를 하고,
회의실로 이동해 그림으로 그려보았다.
일단 필요한기능
회원가입. 연령대별 성별별 추천사항을 보여주기위해 성별과 나이를 체크하는 란이 있다.
로그인페이지.
로그아웃도 넣을까 했지만, 타 사이트를 보니 마이페이지에 넣는 부분이 낳을것같아 로그아웃부분은 일단뺐다.
메인: 추천리스트를 캐러셀을 적용해 두줄정도로 천천히 돌아가는 방식으로 보여주고,주간 hot 작품을 아래 보여준다.
상품페이지: 관리자전용 대여페이지[CRUD(생성, 읽기, 수정, 삭제)].
대여전용페이지
대여와 리뷰는 회원, 비회원 둘다 가능하게 구성했다. + 보증금(10권 => , 그 외: )
(연장시 연장금액, 파손시: )=>관리자는 대여
개인판매페이지: 보는것과 구매하는것은 회원과 비회원 둘다 가능하나, 판매는 회원에만 권한을 주는것으로 한다.
=> 유저는 판매 및 구매
자유게시판: 보는것은 회원이건, 비회원이건가능,
댓글이나 글쓰기는 회원만 가능하게 권한분기를 준다. CRUD(생성, 읽기, 수정, 삭제)를 당연히 추가한다.
+
전권 신청시 배송비 무료(시리즈물일경우 1시즌씩)..
+
7. 자주묻는 질문페이지: 하드코딩으로 작성하도록 할것.
+
8. footer부분: 이용약관, 주소, 업체명, 전화번호등..
=> 완전 소장하고 싶은 만화 준말
헤더부분
기술 스택:
FrontEnd
- JavaScript
- TypeScript
- React
- GraphQL - apollo
- Next.js
- Docker
- Firebase
BackEnd
- TypeScript
- Nest.js
- MySQL
- Redis
- GraphQL
- TypeORM
- Docker
- Kubernates
- GCP
깃 develop브랜치 생성
main브랜치가 아니라 develop 브랜치에서 fork하도록 만들고, develop 브랜치에 기본 폴더 세팅을 해주신것을 올려놨다.
생성시에도 오류를 만났다.
브랜치를 만들어 관리하는것이 처음이라 생성까지는 알겠으나 왜 깃에서는 안뜨는지에대해 혼란이 왔다.
다행히 팀원분들이 도와주어 일단은 main이 아닌 develop브랜치에서 초기세팅한 폴더들을 넣어두고 fork하도록 만들었다.
commit message형식,
Issue형식
변수이름, 파일, 생성자이름규칙,
작업시간,
branch이름정하기
Pull-request형식정하기.
디자이너를 따로 구하지 않았기에 weireframe과 muck-up제작하지 않았다.(디자이너와 회의 위해 작성하는것이라하여 작성했다.
F) 피그마 디자인 -진행중
F) 페이지 퍼블리싱(mock-up) -진행중(메인,로그인, 회원가입, 판매페이지, 대여페이지까지 완료)
F) 자료 수집 ---진행중
팀규칙생성
- B) ERD 및 Data flow 작성
- B) User CRUD 기능구현 수정 및 추가
- B) 로그인 & 로그아웃 구현
- B) 도메인 구입 및 페이지 배포
- B) 도커 되었으나 현재 에러 복구중... -해결됨.(두 파일 충돌문제)
- B) admin 로그인 기능구현
- B) 도메인 구입 완료
- B) 도커 에러로 인한 배포 딜레이 -(현재해결되 도커는 완료)