1 Custom Card Groups - semantic UI React / Card - 2 The Contribute Form - 사용자가 기여를 시도 > 오류 발생 > 사용자에게 전달해야 함 - label을 이더로 설정하여 사용자의 소비를 유도 3 Grid Layouts - semantic UI React / Grid - 객체의 주소를 정확하게 반환하여야 함 4 Making a Contribution - 계정 목록을 가져오고 캠페인에 기부하도록 해야 함 - 에테르가 부족한 것을 막기 위해 0.001 등의 이더를 기여해야 함 5 Spinners and Error Handlers - 라우터를 사용해 캠페인을 새로고침 해야함 - 동일한 구성요소 표현 + 새로운 값 표현 - 푸시라우트: 브라우저 기록에 새로..
1 Route Mappings - 새로운 구성요소 생성시 다음 페이지 시스템에 의존하지 않는 새로운 경로 만듦 - 경로 대신 DGS 파일에 라우팅 규칙 추가 -:address > 캠페인 주소, campaigns/show > 디렉토리 경로 -JS탐색 시스템을 재정의하는 과정 2 Planning CampaignShow - 레이아웃 구성요소를 사용하여 상단에 헤더 배치 - 하단에는 캠페인에 대한 세부정보 + 연결된 다른 요청을 보는 버튼 - 오른쪽에는 contribute가 가능한 버튼 - 캠페인에 대한 세부정도를 표현하기 위한 하나의 단일 함수가 필요함 3 CampaignShow's GetInitialProps - 특정한 캠페인의 정보를 화면에 표시하기 위함 - 여러 값을 반환하는 함수 호출시 값을 "객체"로..
1 Remix _ SmartContract 생성 (1) Remix에서 ECAC_SmartContract_Test 워크스페이스 생성 (2) SmartContract.sol 파일 생성하고 컴파일러 버전과 pragma 버전 맞추기 (3) 소스코드 1) 단일 사용자 User 구조체와 구조체를 저장하는 상태변수 정의 2) 생성자 함수: 함수 초기 실행시 point 값 0으로 초기화 3) getCount() : point 조회 4) addPoint_likes() : 좋아요 개수에 따른 포인트 부여 100개당 100포인트 - likes / 좋아요 개수 - likesCount / 좋아요 개수 중 이미 포인트 지급을 마친 횟수(기준 충족 횟수) - likesHundred / 전체 좋아요 개수의 백의자리 * 전체 좋아요의..
1 Adding a Button (1) Buttin UI React - 첫번째 섹션: 아이콘이 있는 버튼 만드는 방법 - 두번째 섹션: 시멘틱 UI를 사용하여 간단하게 버튼 표현하는 방법 2 Layout.js - 등의 태그를 사용하여 헤더를 추가할 시 모든 페이지에 수동으로 추가해줘야 함 - Layout.js 파일을 만들어 표시하고자 하는 일반적인 요소를 모두 담고 재사용! ex. 헤더, 바닥글, 사이드바 등 - index.js 파일에 import, rande() 수정 - Layout.js 작성 3 Assembling a Header - 헤더로만 사용하기 위한 Header.js 파일 새로 작성 - Margin 속성으로 어색한 여백 값 조정 > style 속성으 - floated 속성으로 정렬 수정 - B..
