전체 글 151

비동기(Asynchronous) - 콜백지옥, Promise, async/await

자바스크립트의 비동기 처리는 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드 먼저 실행하는 자바스크립트의 특성을 의미한다. 비동기 처리 사례 1. Ajax Web API 요청 : 서버쪽에서 데이터를 받아와야 하는 경우 function getData() { var tableData; $.get('https://domain.com/products/1', function(response) { tableData = response; }) return tableData; } console.log(getData()); // undefined $.get()은 jquery의 ajax 통신 부분으로 url로 HTTP GET 요청을 날려 1번에 대한 정보를 요청하는 코드이다. 이렇게 서버에서 받아온 ..

javascript 2022.08.30

[web3.js] For Beginner(CryptoZombies)

web3.js 때문에 머리아픈지 꽤 오랜 시간이 지났는데도 web3.js는 여전히 나를 당황시킨다. 알꺼 같으면서도 모르겠고 알았던 것도 모르겠고 모르겠던건 더 모르겠고 울고 싶을 때가 한두번이 아니다!!!!!!(유리멘탈...) 도움이 될만한 인강이나 유튜브 영상 또는 도서를 찾아봤지만 내가 무능력한건지 이것도 찾다가 지침... ㅋㅋ 그러다가 우연치 않게 접하게 된 CryptoZombies. https://cryptozombies.io/ko/course #1 Solidity Tutorial & Ethereum Blockchain Programming Course | CryptoZombies CryptoZombies is The Most Popular, Interactive Solidity Tutorial..

web3.js 2022.08.26

import 중괄호 {}의 의미

import React, { render } from 'react'; 차이점은 보내주는 export 방식의 차이라고 한다. 모듈을 불러올 때 import를 해주는 것처럼 해당 모듈을 다른 파일에 보내려면 export라고 명시적으로 써줘야 한다. export 시 default를 붙인 경우 중괄호 없이 import가 가능하지만, default 없이 export한 경우, 중괄호 안에 담아 import를 해주면 된다. 만약, default 없이 export한 경우, 중괄호를 빼먹을 경우 에러가 발생한다. 예시. // App.js const react = 1; const vue = 2; export { react }; export const angular = 3; export default vue; react, ..

React 2022.08.25

스마트 컨트랙트(Smart Contract)의 작동 원리

스마트 컨트랙트란? 서면으로 이루어진 계약을 코드로 구현하고 특정 조건(합의한 내용 및 조건)이 충족되었을 때 해당 계약이 자동으로 이행(self-execution)되게 하는 스크립트(전자 계약서)를 말한다. 이 때, 조건이 충족될 경우, 계약 내용을 스마트 컨트랙트 소스 코드로 작성하여 블록체인 네트워크에 전송하면 네트워크 참여자(노드)들의 유효성 검증이 이뤄지며, 검증 완료 시 스마트 컨트랙트가 포함된 블록이 생성되며 배포된다. 조건이 충족되지 않을 경우, 계약은 실행되지 않는다. 이더리움에서 스마트 컨트랙트를 만들기 위해서는 기존에 사용하던 프로그래밍 언어가 아닌 Solidity, Vyper와 같은 스마트 컨트랙트를 만드는 전용 언어로 논리적인 계약의 작동을 정의해야 한다. 작성된 코드는 컴파일러를..

Block chain 2022.08.23

[이더리움] Account, Transaction, Message, Smart Contract

이더리움 구성요소 Peer-to-Peer 네트워크(P2P network) - 이더리움은 TCP 포트 3030으로 접속 가능한 이더리움 메인 네트워크(Ethereum man network)에서 실행된다. 합의 규칙(Consensus rules) - 이더리움의 합의 규칙은 기준 사양인 황서(Yellow paper)에 정의되어 있다. 트랜잭션(Transaction) - 이더리움 트랜잭션은 보낸 사람, 받는 사람, 값 및 데이터 페이로드가 포함된 네트워크 메시지이다. 상태 머신(State Machine) - 이더리움 상태 전이는 바이트코드(기계명령어)를 실행하는 스택 기반 가상 머신인 EVM(이더리움 가상 머신)에 의해 처리된다. 데이터 구조(Data Structure) - 이더리움의 상태는 트랜잭션 및 시스템..

Block chain 2022.08.23

ABI

ABI(Application Binary Interface) ABI는 컨트랙트 함수와 매개변수들을 JSON 형식으로 나타낸 리스트이다. 다음은 ERC20 Interface의 BalanceOf 함수 ABI이다. { "constant": true, "inputs": [ { "internalType": "address", "name": "tokenOwner", "type": "address" } ], "name": "balanceOf", "outputs": [ { "internalType": "uint256", "name": "balance", "type": "uint256" } ], "payable": false, "stateMutability": "view", "type": "function" }, 함수 ..

Block chain 2022.08.23

[codewars - 5kyu] Tic-Tac-Toe Checker

Instructions. If we were to set up a Tic-Tac-Toe game, we would want to know whether the board's current state is solved, wouldn't we? Our goal is to create a function that will check that for us! 틱택토 게임을 만들었다면, 보드의 현재 상태가 해결됐는지 여부를 알고 싶지 않은가? 우리의 목표는 그것을 확인할 함수를 만들어내는 것이다. Assume that the board comes in the form of a 3x3 array, where the value is 0 if a spot is empty, 1 if it is an "X", or 2 if..

1Day 1Practice 2022.08.09

[codewars] Simple Pig Latin

Instruction. Move the first letter of each word to the end of it, then add 'ay' to the end of the word. Leave punctuation marks untouched. 각 단어의 첫번째 글자를 단어의 마지막으로 옮기고 그 뒤에 'ay'를 추가해라. 부호는 변경하지 마라. Example. pigIt('Pig latin is cool'); // igPay atinlay siay oolcay pigIt('Hello world !'); // elloHay orldway ! Solution. function pigIt(str){ let result = []; let arr = str.split(' '); for(let word of ..

1Day 1Practice 2022.08.02