문제

• 처음 화면이 렌더링 될 때, web3 의 비동기 처리로 해당 값이 렌더링 이후에 할당되는 문제가 발생

• 컨트랙트 안의 정보를 화면 렌더링보다 늦게 저장되어 사용할 수 없음

해결

• 처음 렌더링 되어 web3 의 contract 값이 없으면 return 되고,

이후 contract 값의 할당으로 변경되면 다시 렌더링 되고 아래의 코드가 수행되게 하였음