블록체인 스터디 [15주차]

아주 고된 일주일이었다. 엄청난 Minishell의 난의도에 한번 압도되고 할만 할 것 같았던 메타버스 경진대회 초급 과제도 꽤나 어려웠다. 스터디 시간이 되면 이미 뇌는 과부화 상태에 이번주 진행했던 lesson6 내용도 처음 접해보는 내용이라 쉽지 않았다.

학습한 내용은 이렇다. 지금까지 만든 DApp에서 컨트랙트로부터 받은 데이터를 실제로 보여줄 수 없다면 아직 완전한 상태라고 할 수 없다. React나 Vue.js 같은 편리한 프론트엔드 프레임워크들을 쓰면 되지만 이 것들을 여기서 갑자기 다루기에는 너무 광범위하기 때문에 jQuery를 이용해 간단한 예제들을 작성해 보았다.

각 좀비에 대한 정보를 출력하는 예제 :

// 우리 컨트랙트에서 좀비 상세 정보를 찾아, `zombie` 객체 변환
getZombieDetails(id)
.then(function(zombie) {
	// HTML에 변수를 넣기 위해 ES6의 "template literal" 사용
	// 각각을 #zombies div에 붙여넣기
	$("#zombies").append(`<div class="zombie">
		<ul>
			<li>Name: ${zombie.name}</li>
			<li>DNA: ${zombie.dna}</li>
			<li>Level: ${zombie.level}</li>
			<li>Wins: ${zombie.winCount}</li>
			<li>Losses: ${zombie.lossCount}</li>
			<li>Ready Time: ${zombie.readyTime}</li>
		</ul>
	</div>`);
});

더 자세한 내용 :

lesson6 학습 내용

사실 이번주차는 평소보다 집중력도 떨어졌고 학습한 내용도 제대로 이해하지 못 했다. 지금 하고자 하는 프로젝트들이 많은데 난의도도 어려워서 좀 지친 것 같다. 아마 다음주도 이번주와 별반 다를거 없을 것 같지만 그래도 힘내서 해봐야겠다.