미니쇼핑몰🎁 프로젝트 완료 및 회고

완성 모습

 

메인 페이지

 

 

상품리스트 페이지

 

북마크 페이지

 

 

프로젝트 레포지토리 및 ReadMe

GitHub - hahagarden/fe-sprint-coz-shopping

 

 

프로젝트동안 사용한 브랜치

*   11bafd6 (HEAD -> main, origin/main, origin/HEAD) Merge pull request #24 from hahagarden/readme
|\  
| * ffe5204 (origin/readme) Update README.md
|/  
*   0b5520c Merge pull request #23 from hahagarden/fix
|\  
| * 08922bc (origin/fix) fix: 필터상태를 로컬스토리지에서 useState로 변경에 따른 클릭된 필터 스타일링 수정
|/  
*   b9b1d29 Merge pull request #22 from hahagarden/refactor
|\  
| * 6edfedb (origin/refactor) refactor: 불필요한 useEffect, useState 제거
| * 1bcd934 refactor: 불필요한 useEffect, useState, localStorage 제거
| * 231cc6a refactor: 로컬스토리지 유틸함수로 변경
| * ddac2b4 refactor: 메인페이지 리스트컴포넌트에서 상품컴포넌트 재사용
| * 798e8e0 refactor: enum 추가
| * 4532bf0 refactor: 문자열 enum 상수화
| * 0f2385c fix: 상품 열 개수 변경할 수 있도록 변수 생성
| * de6a9fd refactor: 북마크 로컬스토리지 로직 리듀서로 이동
|/  
*   65cbb53 Merge pull request #21 from hahagarden/revert-19-deploy
|\  
| * 268f20d (origin/revert-19-deploy) Revert "feat: gh-pages 설치 및 설정"
|/  
* 7e62630 Update README.md
*   c20757b Merge pull request #20 from hahagarden/readme
|\  
| * d2d240f Update README.md
|/  
*   1e50eef Merge pull request #19 from hahagarden/deploy
|\  
| * 574e881 (origin/deploy) feat: gh-pages 설치 및 설정
|/  
*   5dfefb9 Merge pull request #17 from hahagarden/fix-style
|\  
| * 19bf193 (origin/fix-style) fix: 불러오는 데이터 개수 수정
| * 610e5b3 feat: 클릭된 필터 스타일링 추가
| * 49e122d fix: Footer 위치 수정
| * 60c5686 fix: 전체 크기 스타일링 수정
|/  
*   a73c79e Merge pull request #16 from hahagarden/fix
|\  
| * ef4edc9 fix: 북마크 페이지 리렌더링되어도 필터 유지되도록 수정
| * 2b4dd1f fix: 상품모달 컴포넌트 렌더링 위치 변경
| * b7d9e63 feat: redux-persist 삭제, 로컬스토리지 연결 구현
| * 57bd63e fix: 스타일 및 상품컴포넌트 버그 수정
|/  
*   1fcb887 Merge pull request #15 from hahagarden/SubPages
|\  
| * 94bc424 (origin/SubPages) feat: 상품리스트 페이지 및 북마크 페이지 완성
|/  
*   6de03e5 Merge pull request #14 from hahagarden/Filter
|\  
| * b510426 (origin/Filter) feat: 필터 및 필터리스트 컴포넌트 완성
|/  
*   7f9feed Merge pull request #13 from hahagarden/InfiniteProductList
|\  
| * 8a848d1 (origin/InfiniteProductList) feat: 무한스크롤 상품 리스트 완성
|/  
*   8f9a360 Merge pull request #12 from hahagarden/MainPage
|\  
| * 6eca046 (origin/MainPage) feat: 메인페이지 완성 및 하위 컴포넌트들 스타일 수정
|/  
*   265e0b1 Merge pull request #11 from hahagarden/ProductList
|\  
| * 4788582 (origin/ProductList) feat: 상품리스트컴포넌트 삭제(계획변경), 메인페이지리스트컴포넌트 생성
| * f339165 feat: 상품리스트컴포넌트 완성 및 상품컴포넌트 수정
|/  
*   c0c25d8 Merge pull request #10 from hahagarden/fix-Bookmark
|\  
| * baca967 (origin/fix-Bookmark) feat: 리덕스 북마크리스트 상태 로컬스토리지와 연결
|/  
*   5598fc5 Merge pull request #9 from hahagarden/Product
|\  
| * ec42fe5 (origin/Product) feat: 상품모달컴포넌트 완성 및 북마크 스타일코드 수정
| * 1c4051a feat: 상품컴포넌트에 북마크컴포넌트 추가
| * 5d18d8d feat: 상품 컴포넌트 완성
|/  
*   bf3a9e8 Merge pull request #8 from hahagarden/Bookmark
|\  
| * 0a7c786 (origin/Bookmark) feat: 북마크 완성
|/  
*   b0be540 Merge pull request #7 from hahagarden/Store
|\  
| * dbbee3c (origin/Store) feat: 서버 데이터를 상태에 저장
| * 06cf524 feat: 리덕스 스토어 및 상품리스트, 북마크리스트 상태 생성
|/  
*   afcda0f Merge pull request #6 from hahagarden/fix-style
|\  
| * 80aaeae fix: 헤더 스타일 수정 및 전역 color 변수 생성
|/  
*   305c503 Merge pull request #5 from hahagarden/Footer
|\  
| * bbe58e2 (origin/Footer) feat: 푸터 완성
|/  
*   7f751f1 Merge pull request #4 from hahagarden/Header
|\  
| * 72a6c72 (origin/Header) fix: 헤더 width 추가
| * 3b7607d feat: 헤더 완성
|/  
*   1bab4c0 Merge pull request #3 from hahagarden/init
|\  
| * 144d549 (origin/init) feat: 라우팅
|/  
*   d1aa996 Merge pull request #2 from hahagarden/init
|\  
| * 98943ae modify init
|/  
*   ca4592c Merge pull request #1 from hahagarden/init
|\  
| * 29628c2 init project
|/  
* a37cec4 README.md modified
* 128920f Initial commit
(END)

 

회고

이번 프로젝트의 목적은 다음과 같았다.

• 프로젝트 요구사항 명세서를 분석하고 5일동안 구현한다.
• 애자일 스크럼 방법으로 프로젝트를 관리하고 깃 사용하는 방법을 연습한다.

최종적으로 요구사항 명세서 기능을 5일동안 100% 완성하지는 못했지만, 스프린트 플래닝단계에서 세운 만큼은 100% 완료했다.
설계 단계에서 토스트 기능을 빼기로 했었고, 토스트 기능을 제외하고는 리팩토링까지 완료했다.

깃 브랜치 관리를 처음 해봐서 처음에 프로젝트를 생성할 때 init 커밋을 많이 생성하고 머지도 여러 번 하는 실수를 했지만, 기능 단위로 브랜치를 생성하고, 수정시에도 수정 브랜치를 생성하는 등 좋은 브랜치 관리 연습이 되었다.
중간에 브랜치를 잘못 설정하고 작업을 해서 stash기능도 사용해 보았다. 

또한 리액트에 대해서 많은 공부가 되었다. 그동안 개인 프로젝트를 만들 때에는 구현에 집중했지, 최적화를 해야 한다는 생각은 안했다.
이번 프로젝트는 기능이 많지 않아서(시간에 쫓기긴 했다) 완성도를 높일 수 있었고, 내가 프로젝트를 기획한 것이 아닌 외부에서 기획된 프로젝트를 가져와서 설계하고 팀원과 상의하고 구현해내는 작업이 굉장히 유익했다.