전체 글143 [NFT 블록체인 마켓 앱 만들기 with 그라운드X 3기] Smart Contract & Solidity 2 - 5. 스마트 컨트랙트 개념 count 스마트 컨트랙트 살펴보기 블록체인에서 스마트 컨트랙트가 어떻게 돌아가는지, 스마트 컨트랙트 개념 클레이튼 블록체인에서 스마트 컨트랙트 실행, 작동 1) World Computer 블록체인 스마트 컨트랙트의 개념을 World computer에 빗대어 설명할 수 있다. 블록체인에 있는 데이터 1. 누구나 볼 수 있음 2. 누구나 접근해서 사용 가능 - 스마트 컨트랙트 코드 안에 있는 특정 동작을 정의된 동작 내에서 할 수 있다 블록체인은 각자 원하는 서버에 배포하는 게 아니라 무조건 클레이튼 블록체인에 모두가 코드를 올릴 수 있음 트랜잭션을 누구나 다 볼 수 있음 transaction hash 일련번호를 통해 스마트 컨트랙트를 블록체인에 배포했다는 뜻. 배포 후 c.. 2022. 7. 22. [Klaytn] 클레이튼 지갑 생성, 클레이 확인하기 ( Klaytn Wallet , klaytn scope) NFT 블록체인 마켓 앱 만들기 with 그라운드X 3기 강의에서 학습한 내용 스마트 컨트랙트를 만들어 클레이튼 네트워크에 배포하기. 1) Klaytn wallet 검색 https://wallet.klaytn.foundation/ 일반적인 다른 서비스 사용 - 아이디, 패스워드 기반 사용 블록체인 - 개인키와 개인키 기반 주소를 가지고 상호작용 함 클레이튼 월렛 서비스를 통해 개인키와 주소를 간편하게 생성 2) Baobab Testnet 3) Create Account 개인키를 특정 파일에 암호화해서 저장. 비밀번호 필요 (필수 x) 4) 다음 단계로 가면 file에는 private key가 암호화돼서 저장됨. 5) 다음 단계로 가면 Private Key와 Klaytn Wallet Key를 볼 수 있다... 2022. 7. 21. [React] React app - 시작 로고 페이지 만들기 (useNavigate, setTimeout()) 앱 실행 시 로고 페이지가 몇 초 띄워진 후 다음 페이지로 넘어가도록 하는 시작 로고 페이지 만들기 useNavigate useNavigate hook 은 양식을 제출한 후 navigate 할 수 있는 함수를 반환. 사용법 import { useNavigate } from "react-router-dom"; function SignupForm() { let navigate = useNavigate(); async function handleSubmit(event) { event.preventDefault(); await submitForm(event.target); navigate("../success", { replace: true }); } return {/* ... */}; } navigate 함수.. 2022. 7. 20. [React] React app 만들기 react 새로운 프로젝트 만들기 Node >= 14.0.0 and npm >= 5.6 필요하기 때문에 먼저 node, npm, npx 버전 확인하기 node --version npm --version npx --version 새로운 프로젝트를 만들기 위해 아래 명령어 실행 npx create-react-app my-app cd my-app npm start my-app은 프로젝트 이름. 소문자를 사용한다고 한다. dress_up 프로젝트 생성 npx create-react-app dress_up ... 프로젝트 폴더로 가서 실행해보기 dress_up 폴더로 이동 cd dress_up 프로젝트 시작 npm start 실행 결과 localhost 3000번 포트(react의 기본 포트) 로 웹페이지가 실행.. 2022. 7. 20. 이전 1 ··· 21 22 23 24 25 26 27 ··· 36 다음
