본문 바로가기

분류 전체보기273

[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. 코드블럭 테마 변경 https://highlightjs.org/ 들어가기 Get version 클릭 jsdelivr 내용 모두 복사하기 스킨 편집 html 에서 안쪽에 위에서 복사한 코드 넣어주기 이때 styles/ 뒤의 default를 원하는 테마로 변경 테마는 https://highlightjs.org/static/demo/ 에서 확인하기 내가 적용한 테마 : atom-one-dark-reasonable 테마 이름은 소문자, -로 연결 2. 라인 넘버 아래 코드를 html 코드블럭 테마 적용 코드 밑에 삽입 css 에서 맨 아래에 다음 코드 삽입 /* Line Number CSS */ /* for block of numbers */ .hljs-ln-numbers { -webkit-touch-ca.. 2022. 7. 20.
[MacOS - M1] nvm으로 node.js 와 npm 설치, 버전 업데이트 node.js 와 npm 설치 이전에 설치한 node.js 버전이 존재한다면 먼저 제거하기brew uninstall --ignore-dependencies nodebrew uninstall --force node brew를 이용해 nvm 설치하기brew install nvm home으로 가서 nvm을 위한 디렉토리 생성mkdir ~/.nvm .zshrc 에 가서 아래 코드 붙여 넣고 저장하기code ~/.zshrc# .zshrc파일 끝에 아래 두 줄 입력export NVM_DIR=~/.nvmsource $(brew --prefix nvm)/nvm.sh old)export NVM_DIR="$HOME/.nvm"[ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && \. "/opt/homeb.. 2022. 7. 20.

티스토리툴바