• script: yarn mockserver
• http://localhost:4000/transactions

• axios.get(url[, config])
• axios.post(utl[, data[, config]])
• axios.put(url[, data[, config]])
• axios.delete(url[, config])

React.js 서버 시작 (포트: 3000)

• yarn start

Test용 MockServer 시작 (포트: 4000)

• yarn mockserver
  • 트랜잭션 확인 (http://localhost:4000/transactions)
  • 사용자 확인 (http://localhost:4000/users)

스토리북 서버 시작

• yarn storybook
  • 스토리북 확인 (http://localhost:9001)

• 가상 코인 거래소 공용 컴포넌트 제작
• 프로젝트 구성 설정

• 가상 데이터 서버 설정
• 데이터 요청을 위한 axios 라이브러리 도입
• 리덕스 적용
• 검색 기능 추가
• 거래 기능 추가

• 미들웨어 적용
• redux-thunk와 비동기 제어
• 서버 지연 처리와 오류 표시 기능
• 미들웨어로 알림 메시지 띄우는 기능
• 거래 알림 효과 추가

• redux-pack 미들웨어로 비동기 제어
• 대용량 데이터 처리 (페이지네이션) 추가
• 셀렉터로 스토어 데이터 변환
• axios 호출 작업 모듈화
• 회원 가입 기능 추가

• 싱글 페이지 애플리케이션
• 리액트 라우터 구성하기
• 주소와 리덕스 연결하기