CDG Portfolio

img
img
img
img
img
img
React
Redux
Styled-Components

[단백질 기록하기]

주요 기능

  • 자주 먹는 음식 등록을 통해 항목 즉시 추가
  • 단백질 섭취 목표 설정 후 달성률 시각적으로 표시

전역 상태관리 Redux

Redux를 연습해보며 만든 프로젝트입니다. Action과 Reducer, Store 간의 객체 형태의 단방향 데이터 흐름을 만들어 내는 Redux의 원리에 대해 학습했습니다.
원본 배열을 변화시키지 않도록 하며 Spread Opertor와 Destructuring Assignment의 개념을 다시 잡았습니다.

디자인

모든 프로젝트를 스스로 디자인했지만, 이 프로젝트는 특히 디자인에 많은 시간을 투자했습니다.
유사한 컬러셋과 텍스트 색상 등을 고민하며 선정하였고, Styled-Components 의 ThemeProvider를 통해 전역적으로 사용될 스타일을 설계했습니다.