퇴근후서버다운 SIDNFT

블록체인에 흥미를 가질 수 있게 가위바위보 게임을 만드는 강좌를 만들었습니다. (만들만들) 블록체인에 흥미를 가지게 하는게 목적이긴한데 재미 있냐고 하면 그건잘 모르겠군요 https://www.youtube.com/watch?v=pF5-foXc_kw&t=1s 첫번째는 truffle 로 스마트컨트렉트를 올려봅시다. https://www.youtube.com/watch?v=vrWV66J9B0g&t=2s 두번째는 vue 와 tailwind 로 웹페이지를 만들는 강좌 입니다. 세번째로는 UI 를 강화 시키는 강좌 입니다. https://www.youtube.com/watch?v=wXUi4CsAf8E&t=110s 이후로 실시간 로그를 넣어서 좀더 업그레이드 시켜볼까 생각중입니다.

영상만드는 중에 조코딩님이 먼저 올리셔서 허망하게 날림으로 만들어졌습니다. 뭔가 좀더 업그레이드 해서 쓸모있게 만들어보려구요 웹호스팅으로 replit 을 사용하였고 웹프로그래밍은 vue 를 이용했습니다. 클레이튼은 truffle 개발하였습니다. https://www.youtube.com/watch?v=RqZ4pUPF3Rc&t=166s 첫번째 강좌는 truffle 로 스마트컨트렉트를 올리는 강좌입니다. https://www.youtube.com/watch?v=GF5YL0ycW7c&t=402s 두번째 강좌는 웹페이를 만들어서 올라간 스메트컨트렉트와 연동하는 작업입니다. vue 와 tailwind 를 이용했습니다. 이후에는 유니티로 좀더 간지나게 사이트를 만들려고 준비중입니다.

일단 개요부터 https://www.youtube.com/watch?v=Usfl1kldOSY 2번째 영상입니다. 디스코드 인증 페이지 -> 인증코드 얻기 -> 유저 정보 얻기 입니다. https://www.youtube.com/watch?v=U1KjkhDZGyY 드디어 node 버전을 16으로 올렸습니다. 설치가 빠르네요. 3번째 영상입니다. 카이카스로 지갑 인증을 하는 부분입니다. 웹작업을 어떻게 하는지 모르겠다는 의견이 있어서 각종 실패 상황을 편집없이 넣어서 내용이 매우 길어졌습니다. https://www.youtube.com/watch?v=2QEZlt5bcfk 4번째영상 https://www.youtube.com/watch?v=01mXs_j_JGQ 드디어 디스코드봇을 코딩합니다. 아주 오래 걸랬습..

pc 에서는 별문제 없는데 ios 사파리에서 소리가 난나는 현상이 있군요 나중에 고쳐질수도 있으나 지금 해겳 방법은 onTouchStart 이벤트에서 소리를 한번 내줘면 됩니다. onMouseRelease 에서는 해도 안되구요 반드시 onTouchStart 에서 아래의 페이지에서 테스트 해보시구요 데모페이지 주소: https://mynft.gunillee.repl.co 핵심코드는 여기 k.onTouchStart(() => { k.play('ppok'); box.jump(200); }); onTouchStart 내부에서 소리를 내줘야 그뒤로 소리가 납니다. BGM 이라로 틀고 싶다면 한번은 거쳐야 하니 주의