1 App Mockups
- 사용자 캠페인 생성 시 화면
- 금액을 입력하고 "Create"를 클릭하면 실제 캠페인 생성
- 캠페인 세부 정보 확인 페이지
- 승인자로 간주되기 위한 금액, 이미 기여한 사람, 생산된 요청 수, 캠페인 기여 버튼
- View Requests
- 하나의 특정 캠페인에 대해 보류 중인 모든 요청 나열
- 요청 ID, 설명, 금액 / 송금액, 수취인, 승인 횟수, 승인 여부 등
- 승인 또는 요청에 대한 표기 / 추가 버튼
- / | 사용자가 캠페인 페이지에 접속했을 때 보여주는 첫 페이지
- /campaigns/new | 생성된 모든 캠페인을 보여주는 페이지
- /campaigns/0x8147 | 해당 캠페인에 대한 세부정보
- /campaigns/0x8147/requests | 요청 페이블
- /campaigns/0x8147/requests/new | 해당 특정 캠페인에 대한 새 요청 생성
2 CRA vs Next
- create_react_App | 간단하거나 단순한 React 애플리케이션을 만들기 위한 도구
- Next.js | 리엑트를 마무리하는 프로덕트, 라우팅과 같은 기능(서버 랜더링)
- 페이지 시작시 디렉토리를 살펴보고 그 안에 존재하는 서로 다른 리엑트 요소를 인식하여 새로운 경로를 생성
3 Basics of Next Routing
4 Root Routes
- 이더리움 세계의 일부 데이터에 접근하려면 언제든 웹 사용
- Web3를 사용해 이더리움 네트워크와 통신
- 인스턴스 주소를 사용하여 애플리케이션 내부에서 조작하거나 액세스 가능
- 캠페인 목록을 얻은 후 애플리케이션 내부에서 리액트 사용
