Sanghwan
Frontend

About
Micro Projects

Crypto (context)

실시간 코인 시세 context 버젼

2025-12-13

Loading crypto data & exchange rate...

Requirements

기존 Crypto Basic 앱과 동일한 UI/동작을 유지하면서, 상태 관리를 Context + useReducer 기반 전역 상태로 분리
CryptoProvider에서 코인 시세, 환율, 로딩 플래그, 정렬 타입을 한 곳에서 관리하고 하위 컴포넌트에 제공
useCrypto 커스텀 훅으로 Context 접근을 캡슐화하여, Consumer 컴포넌트는 UI 렌더링과 이벤트 처리에만 집중
전역 상태(cryptos, usdToKrw,sortType)와 파생 상태(isLoading)를 명확히 구분해서 설계

Memo

useReducer를 사용해 액션 기반 상태 전환 패턴 (예: FETCH_CRYPTOS_SUCCESS,FETCH_RATE_SUCCESS,SET_SORT_TYPE)을 연습했습니다.