완성 모습 프로젝트 레포지토리 및 ReadMe GitHub - hahagarden/fe-sprint-coz-shopping Contribute to hahagarden/fe-sprint-coz-shopping development by creating an account on GitHub. github.com 프로젝트동안 사용한 브랜치 * 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 |\ | * ..
반응형 스타일링 추가 노트북으로 작업을 했었는데, div의 width와 height를 rem단위로 주었더니, 사이즈가 큰 모니터에서는 위 사진처럼 너무 작게 나오거나, 상품리스트 페이지에서 데이터가 12개씩만 화면에 보여서 스크롤이 발생하지 않아 데이터를 더 불러올 수 없는 점 등이 있었다. 단위를 rem에서 vw, vh, %로 변경하여 수정했다. 그리고 상품리스트 페이지, 북마크 페이지에서 한 페이지에 로드되는 데이터 개수를 30개로 늘렸다. 수정 전 수정 후 필터 활성화 스타일링 추가 currentFilter 상태에 현재 필터 정보를 저장하고 이것으로 렌더링할 리스트를 filter한다. 이 때, currentFilter값을 통해 조건부 스타일링하여 구현하였다.
1️⃣ 브라우저db에 저장하여 북마크 정보 유지할 수 있도록 로컬스토리지 사용하기 redux-persist redux-persist를 이용해서 구현했다. 사용법은 아주 간단하다. // src/redux/index.js import { combineReducers } from '@reduxjs/toolkit'; import { persistReducer } from 'redux-persist'; import storage from 'redux-persist/lib/storage'; import bookmarkListSlice from './bookmarkListSlice'; import productListSlice from './productListSlice'; const persistConfig = {..
1️⃣ 애자일 스크럼 방법으로 5일간의 솔로프로젝트 진행하기 1. 프로젝트 요구사항 명세서 분석하기 프로젝트 요구사항 및 기능명세서, API문서, 피그마 디자인 도큐먼트를 제공받았다. 이것을 읽어보며 프로젝트를 분석한다. 2. 프로젝트 설계하기 프로젝트를 분석한 후, 팀원과 프로젝트를 설계한다. 이 과정에서 애자일 스크럼 방법을 이용했다. 플래닝 스프린트 기간동안 작업할 수 있는 총 작업시간을 책정하고, 작업들을 정한다. 프로젝트 기간은 5일이고, 코딩에 집중할 수 있는 시간을 하루에 5시간으로 잡는다. 총 작업시간은 25시간이다. github의 project board기능을 이용한다. Backlog swimlane추가하여 이곳에 작업들을 기능단위로 추가한다. 이 때, 팀원과 입코딩으로 브레인스토밍하듯이..
- Total
- Today
- Yesterday
- 태릉 이자카야
- 태릉삼겹살
- 롯데월드 키오스크
- 공릉 이자카야
- 춘천맛집
- 공릉 카페
- 공릉맛집
- Til
- 홍천 삼겹살
- 공릉 술집
- 티스토리검색
- 깃허브 데스크탑 로그아웃
- 태릉 술집
- 롯데월드 매직패스 프리미엄
- 티스토리
- 신불당 술집
- 회고
- 춘천닭갈비
- 이수 맛집
- 공릉 맛집
- 을지로맛집
- 맥 깃허브 데스크탑
- 태릉맛집
- solo project
- 공릉 꼬치
- sitemap
- 롯데월드 보조배터리
- 구글서치콘솔
- 공릉 밀크티
- 태릉 꼬치
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |