-
[React Project] 1. 주제 선정 & 일정 수립React 2022. 10. 31. 11:45
주제
크림 사이트 참고하여 의류 중고거래 쇼핑몰 제작
클론 코딩
페이지 구성 및 업무 분할
[현진]
- 메인페이지
-검색
-헤더(스타일,샵,자주 묻는 질문, 공지사항, 마이 페이지)
-프로모션 슬라이드
-키워드를 통한 페이지 이동 메뉴
-새로 발매된 제품
- 마이페이지(로그인&회원가입)
[호경]
- 스타일
-사진, 상품 태그, 키워드 해시태그
-공감 버튼
-댓글
-공유버튼
- 관심상품(장바구니)
- 고객센터
- about 페이지
[현성]
- 샵
-상세페이지
프로젝트 일정
10/31(월) 일정 조율 및 업무 담당 + UML 제작
11/1(월) ~ 11/6(일) 각자 담당한 페이지 완성시키기
11/7(월) ~ 11/9(수) 각 페이지 연동 및 테스트
11/10(목) ~ 11/12(토) 프로젝트 디테일 수정 및 배포(PPT 제작)
10/31 : 깃허브 저장소 만들기, 바로 페이지 제작 들어가보기
참고 사항
* 2주 동안은 더미 데이터를 이용해서 프론트엔드 쪽만 먼저 완성시키기
* 프론트 단을 다 완성시킨 후에 서버, DB 연동시킬 예정
* 프로젝트 과정 텍스트로 남기기 + 깃허브 리모트 저장소 이용해서 협업하기
* ppt로 프로젝트 내용 남기기 + 깃허브 README 작성하기
UML 작성하기
* UML : Unified Modeling Language, 만드려고 하는 시스템을 다이어그램 모델로 만들어서 가시화, 명세화, 문서화 하는 것이다.
페이지 이동 맵
https://zdnet.co.kr/view/?no=00000039134557
[UML 제대로 알기] ③ 개발 프로세스에 따른 UML 실전 모델링
UML과 개발 프로세스라는 것이 만나게 되면 각 프로세스 별로 UML을 활용하여 모델링을 하는 방법이 약간씩 달라지기 때문에 사용상 주의가 필요하게 된다. 이와 더불어 웹 ...
zdnet.co.kr
KREAM | 한정판 거래의 FLEX
한정판을 거래하는 가장 확실한 방법
kream.co.kr
'React' 카테고리의 다른 글
[React.js] 리액트 문법 1 (+ JSX, DOM, API) (0) 2022.12.31 [React.js] React 기초5 (+ useEffect, fetch, react Hooks, useNavigate, PUT, DELETE, POST) (0) 2022.10.30 [React.js] React 기초4 (+ react-router-dom, REST API, JSON server) (0) 2022.10.30 [React.js] React 기초3 (+ props, 더미 데이터 구현, map(), filter()) (0) 2022.10.28 [React.js] React 기초2 (+ css 파일, 이벤트 처리, state) (0) 2022.10.27