티스토리

Hyunwoong

검색하기

블로그 홈

Hyunwoong

hyunsign.tistory.com/m

개발일기가 담긴 소소한 공간입니다.

구독자: 0

방명록 방문하기

공지 Notice 모두보기

주요 글 목록

React - React 기본 사용법 및 데이터 처리하기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 React 의 기본적 사용법을 되돌아 보는 시간을 가져보려고 합니다. 크게 4개의 대 주제로 사용해보도록 하겠습니다. 1. 데이터 입력 및 리스트 처리하기(Array) 1) 데이터 입력하기 먼저 첫번째로 데이터 입력입니다. 일기장형태로 작성을 위해, 간단한 코드를 구현해보겠습니다. 이전 포스팅에서도 언급했듯이, 데이터를 입력하여 상태로 처리하는 것은 "useState"를 사용해 처리합니다. 이를 이제 Input 에서 값을 받아서 useState에 반영해야 합니다. 이를 한가지 구성을 알아보면 아래와 같이 코드를 작성하고, Input 에 값을 입력하면 입력되지 않는 것을 볼 수 있습니다. import { useState } from 'react'; const.. 공감수 0 댓글수 0 2023. 8. 10.
React - State & Props 알아보기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 React 에서 가장 중요하게 알아두어야 할 State, Props 에 대해서 알아보도록 하겠습니다. 1. State 알아보기 State, 즉 상태라는 것은 계속해서 변화되는 특정한 상태를 의미합니다. 즉, 현재 우리가 사용하는 모든 Application 은 상태에 따라 동작이 다르고, 그에 따른 결과가 다르게 나타납니다. 예를 들어, 회원가입을 하더라도, 동일하게 하더라도, 내가 입력한 값에 따라 상태가 다르게 출력될 수 있고, 이는 동적으로 결정되기 때문에, 이를 State 라고 합니다. 예를 들어, Application 에서 대표적으로 State 를 사용하는 예시라면, 최근에 자주 설명하는 Dark Mode 를 설정할때도, 상태에 DarkMode Tr.. 공감수 0 댓글수 0 2023. 8. 10.
Browser Rendering Step 안녕하세요. Hynn 입니다. 이번 포스팅에서는 브라우저 랜더링의 대한 과정과 단계를 제 기준으로 정리하고, 남겨두는 포스팅입니다. 관련 내용을 보시는분들은 참고하시는 것도 좋을 것 같습니다. 먼저 대략적으로 그림으로 표현한 단계는 아래와 같습니다. 다만 그림의 순서가 항상 맞지는 않습니다. 고정적 부분과, 가변적 부분을 나누어 작성해보겠습니다. 먼저 이를 글로 풀어서 작성하면 다음과 같습니다. 1. 요청 당연히 브라우저 랜더링의 첫번째는 "요청" 입니다. 어느 브라우저든 "요청"을 받아야 랜더링이라는것을 하겠죠? 그렇기때문에 먼저, 어떠한 경로로던지, 브라우저는 "요청"을 해야 합니다. 2. 응답 요청을 했으면, 당연히 응답을 할 겁니다. 응답은, HTML,CSS, JavaScript 와 같은 문서를 .. 공감수 0 댓글수 0 2023. 8. 10.
React - 왜 React 가 대세가 되었을까? 안녕하세요. Hynn 입니다. 이번 포스팅에서는 React 가 왜 필요하고, 대세가 되었는지 간략하게 정리해보도록 하겠습니다. 시작해보겠습니다. 1) Component React 가 왜 대세가 되었는지를 간략하게 살펴보도록 하겠습니다. 먼저 이를 이해하기 위해서는 HTML 의 몇가지 요소를 살펴보는게 좋습니다. 이를 위해서 간단한 코드를 하나 작성해보도록 하겠습니다. Body Article 기존의 Header, Footer, Nav 와 같은 변하지 않는 Component 를 별도로 모듈화를 하는 것입니다. 이는 이후에 객체지향 프로그래밍(OOP) 에 대한 설명에서 보다 자세히 다루도록 하겠습니다. 이렇게 작성할 경우, 이미 모듈화가 이루어진, MyHeader, Navigation, MyFooter 만 수.. 공감수 0 댓글수 0 2023. 8. 9.
React - JavaScript 응용하기 (Promise) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 Promise 객체에 대해서 알아보도록 하겠습니다. Callback 지옥을 해결하기 위해서라고 했지만, JavaScript 에서 가장 많이 쓰이는 객체를 이해하면 보다 비동기를 효율적으로 처리할 수 있습니다. 시작해보도록 하겠습니다. 1. Promise 객체 알아보기 Promise 객체는 기본적으로 상태값을 가지고 있습니다. 이 상태는 3가지로 구분됩니다. 아래의 상태를 살펴보도록 하겠습니다. Pending - 대기 상태 Fulfilled - 성공 Rejected - 실패 Promise 객체는 기본적으로 비동기처리를 수행하면 Pending 이라는 대기중 상태를 갖습니다. 이 상태에서 작업을 수행하고 성공하면 Resolve 라고 하는 Fulfilled, 실.. 공감수 0 댓글수 0 2023. 8. 8.
React - JavaScript 응용하기 ( 동기 & 비동기) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 JavaScript 에서 가장 주의깊게 알아야 할 동기, 비동기에 대해서 알아보도록 하겠습니다. 이 동기와 비동기는 JavaScript 가 구동되는 엔진의 원리에도 이해가 필요합니다. 물론 깊은 부분은 별도의 포스팅으로 다룰 예정입니다. 여기서는 실제 사용하는 코드 위주로 알아보도록 하겠습니다. 1. 동기와 비동기 이해하기 먼저 아래의 3개의 task Function 이 있다고 가정해보도록 하겠습니다. const taskA = () => { const obj = { message: 'taskA' }; console.log(obj.message); }; const taskB = () => { setTimeout(() => { const obj = { mess.. 공감수 0 댓글수 0 2023. 8. 6.
React - JavaScript 응용하기 (스프레드 연산자) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 이전 포스팅에서 잠시 소개해드렸든 스프레드 연산자를 간단하게 소개하고자 합니다. 간단하게 설명하는 것이니 만큼 예제코드로 이해만 쉽게 하시면 도움이 될 것 같습니다. 스프레드연산자는 객체의 중복되는 항목들을 보다 쉽게 사용할 수 있는 연산자입니다. 먼저 예시를 살펴보고, 이를 코드로 구현해보겠습니다. const cookie = { base: 'cookie', madeBy: 'cookieCom', }; const chocolate = { base: 'cookie', madeBy: 'cookieCom', topping: 'chocolateChip', }; const whiteCookie = { base: 'cookie', madeBy: 'cookieCom', .. 공감수 0 댓글수 0 2023. 8. 6.
React - JavaScript 응용하기 (비 구조화 할당) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 구조분해할당 혹은 비 구조화 할당(Destructuring Assignement) 라는 표현식을 알아보도록 하겠습니다. 이 응용방법은 배열이나 객체의 속성을 말 그대로 구조화 되어 있는 상태, 배열로 되어 있는 요소를 꺼내어 개별적으로 사용하거나, 객체의 속성을 개별적으로 사용하는 방법을 뜻합니다. 1. 배열 비구조화 할당 배열을 구조화 할당하는 코드는 간단하게 작성해볼 수 있습니다. 먼저 예제 코드를 작성해보도록 하겠습니다. const ArrayA = [1, 2, 3, 4, 5, 6, 7, 8, 9]; let ArrayOne = ArrayA[0]; let ArrayTwo = ArrayA[1]; let ArrayThree = ArrayA[2]; let Ar.. 공감수 0 댓글수 0 2023. 8. 5.
React - JavaScript 응용하기 ( 조건문) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 기존에 소개드렸던 조건문을 보다 효율적으로 사용하기 위한 작성을 사용해보려고 합니다. 바로 시작해보겠습니다. 이를 위해 간단한 코드를 작성해보겠습니다. 1. 기존의 조건문 작성하기 먼저 국가 코드를 기존처럼 한번 작성해보도록 하겠습니다. const checkCountryName = (Code) => { if ( Code === 'KR' || Code === 'Korea' || Code === 'South Korea' || Code == 'KOR' ) { return true; } return false; }; const CountryCodeA = checkCountryName('KR'); const CountryCodeB = checkCountryName(.. 공감수 0 댓글수 0 2023. 8. 5.
React - JavaScript 응용하기 ( 단락회로 평가) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 논리연산자를 활용하여 단락회로 평가 응용을 사용해보도록 하겠습니다. 기존의 포스팅에서 논리연산자를 한번쯤 살펴보시기를 권합니다. 시작해보겠습니다. 1. 단락회로기법 알아보기 논리연산자는 3개의 연산자가 존재합니다. console.log(true && false); console.log(true || false); console.log(!true); 각각의 역활은 이미 잘 알고 계시다시피 , && (and 연산) || (or 연산) , ! (반전 연산)으로 이루어져 있습니다. 이를 통해 논리연산자로, 각 조건이 참인지를 분리할 수 있습니다. 하지만, 여기서 우리는 몇가지 조건의 처리방식에 주목해야 합니다. 가령 예를 들면, 논리연산자 중, 반전연산자를 제외한.. 공감수 0 댓글수 0 2023. 8. 5.
React - JavaScript 응용하기 (삼항연산자) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 JavaScript 에서 조건문을 더 간결하게 작성할 수 있는 삼항연산자를 알아보도록 하겠습니다. 이를 사용하면 코드를 더욱 간결하게 작성할 수 있습니다. 작성예시를 빠르게 살펴보도록 하겠습니다. 1. 기존의 If 예시문 하나 만들기 let a = 3; if (a >= 0) { console.log('a is +'); } else { console.log('a is -'); } 위와 같이 작성한 예시를 살펴보면 a 라는 변수의 값이 양수인지 음수인지만 판단하는 조건문이 완성되었습니다. 하지만 코드가 5줄에 걸쳐 작성되는 모습을 볼 수 있습니다. 이를 이제 삼항연산자로 작성하게 되면 더욱 간결하게 작성할 수 있습니다. let a = 3; a >= 0 ? co.. 공감수 0 댓글수 0 2023. 8. 5.
React - JavaScript 응용하기 ( Truthy, Falsy) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 React 에서 JavaScript 를 추가로 응용하기 좋은 몇가지를 소개해드리려고 합니다. 몇가지 기능에 대한 소개를 드리는 첫번째 포스팅에서는 Truthy, Falsy 입니다. 일명 참같은 값, 거짓같은 값이라는 의미를 가진 이 두가지를 알아보도록 하겠습니다. let a = ''; if (a) { console.log('a is true'); } else { console.log('a is false'); } 위의 값은 어떻게 결과가 출력될까요? 결과는 False 입니다. 문자열이 비어있는 것으로, false가 출력됩니다. 하지만, 이를 문자열을 넣거나, 빈 배열, 혹은 빈 객체를 넣게 되면 어떻게 될까요? 바로 true 로 출력됩니다. 물론 undef.. 공감수 0 댓글수 0 2023. 8. 5.
React - React 를 사용하기 위해 되짚어보는 JavaScript 기초 (7) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 JavaScript 를 사용하면서 가장 지겹게 다루게 될 Array, 즉 배열 내장함수를 다루는 기본적 사용방법을 다루어 보도록 하겟습니다. 배열 내장함수가 참 많은 역활을 하고 있기 때문에, 이 기본적 사항은 이해하는것이 이후 코드 작성에 많은 도움이 되리라 생각합니다. 그럼 시작해보겠습니다. 1. forEach 기존의 조건문, 반복문을 이용해 배열을 순회하기 위해서는 다소 코드가 길어지는 문제가 있습니다. 길다고 나쁜 코드가 아니라, 효율적이지 못한 부분이 존재하기 때문입니다. 먼저 간단한 예시를 들어보겠습니다. let A = [1, 2, 3, 4, 5]; for (let i = 0; i < A.length; i++) { console.log(A[i]).. 공감수 0 댓글수 0 2023. 8. 5.
React - React 를 사용하기 위해 되짚어보는 JavaScript 기초 (6) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 JavaScript 객체와 배열에 관련된 기본적인 개념을 학습해보도록 하겠습니다. 그럼 바로 시작해보겠습니다. 1. 객체 생성 객체는 두가지 방법으로 생성이 가능합니다. 기본적인 개념은 알고 있어야 하므로, 간단하게 소개하겠습니다. // 객체 생성자 let A = new Object(); // 객체 리터럴 let B = {}; 일반적으로 위의 생성자 방식보다는 객체 생성에서는 객체 리터럴방식을 선호합니다. new 키워드를 사용하여 생성하는 방식은 class 와 같은 생성자함수에서 주로 사용되므로, 이후에 따로 다룰 예정입니다. 기본적으로 이 객체는, "원시형" 데이터 타입이 아니므로 다양한 데이터를 넣을 수 있습니다. 하지만 객체에서도, 데이터를 사용할때,.. 공감수 0 댓글수 0 2023. 8. 4.
React - React 를 사용하기 위해 되짚어보는 JavaScript 기초 (5) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 함수표현식, 그리고 현재 가장 자주쓰이는 Arrow Function 사용법에 대해서도 알아보도록 하겠습니다. 1. 기본 함수 표현식 현재 기초적인 함수표현식을 작성한 예시입니다. 아래의 코드에서는 hello 라는 변수 내에 함수를 담고 있는 변수임을 볼 수 있습니다. let hello = function () { return "1" } console.log(hello) 이를 실행하면 값이 1이 나와야하지만, console.log는 1이 출력되지 않을 것입니다. 즉, 위와 같이 단순히 hello 를 호출하면, 함수를 호출하므로, 함수가 실행되지는 않습니다. 따라서 이를 실행하려면 아래와 같이 함수를 실행해야 합니다. let hello = function ().. 공감수 0 댓글수 0 2023. 8. 4.
React - React 를 사용하기 위해 되짚어보는 JavaScript 기초 (4) 안녕하세요. Hynn 입니다. 4편 시작해보도록 하겠습니다 :) 이번 포스팅에서는 조건문의 기본 사용법을 알아보도록 하겠습니다. 1. 조건문 (If) 사용하기 조건문은 영어 단어 그대로, If 를 사용하여 작성합니다. 이 If 문은 정말 많이 사용하게 되고, 이를 간결하게 작성하는 switch/case 문도 있습니다. 이를 기초적으로 작성해보면 아래와 같이 작성해보도록 하겠습니다. let a = 3 if(a >= 4) { console.log("Over 4") }else { console.log("under 4") } 가장 기초적인 작성입니다. 첫번째 If문에는 조건을 만족할 때 실행되는 CodeBlock 이 결정되고, 조건을 만족하지 않을 경우 else 구문의 CodeBlock이 실행됩니다. 이를 중첩.. 공감수 0 댓글수 0 2023. 8. 4.
React - React 를 사용하기 위해 되짚어보는 JavaScript 기초 (3) 안녕하세요. Hynn 입니다. 이번 포스팅에서도 React 를 사용하기 위해 되짚는 기초 개념 몇가지를 다루도록 하겠습니다. 시작해보겠습니다. 1 . 연산자 JavaScript 에는 연산자라고 하는, 부등호가 존재합니다. 예를 들어, 우리가 일반적으로 사용하는 계산기에서 사용하는 사칙연산이나, 대입등을 하는 연산자들을 총칭합니다. 이는 생각보다 다양하게 많이 쓰이므로, 한번 간단하게 작성해보도록 하겠습니다. 1) 대입 연산자 let a = 1 여기서 말하는 대입연산자는 a 라는 변수에 1이라는 값을 대입하므로 " = " 이 대입연산자가 됩니다. 2) 사칙연산자 let a = 1 let b = 2 console.log(a+b) console.log(a-b) console.log(a/b) console.lo.. 공감수 0 댓글수 0 2023. 8. 1.
React - React 를 사용하기 위해 되짚어보는 JavaScript 기초 (2) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 React 사용을 위해 JavaScript 기초를 되짚는 글을 이어서 작성해보려고 합니다. 본 포스팅에서는 간단한 사항 위주로 요약한 포스팅이며, 자세한 사항은 JavaScript 섹션에서 따로 정리할 예정입니다. 자세한 사항을 보시기 위해서는 JavaScript 탭을 참고하시면 더 좋을거 같습니다. 1. 변수와 상수 변수와 상수는 단어 그대로 이해해야 합니다. 변수는 "변하는 값" 이고, 상수는 "변하지 않는 값" 입니다. ES6 기준으로 설명을 드리자면, 변수와 상수를 선언하는 방법은 3개의 키워드가 존재합니다. let const var 위 3가지는 각각 기능의 차이가 존재합니다. 일반적으로 먼저 다루는 "변수"를 선언하기 위해서는 "let" 키워드를 .. 공감수 0 댓글수 0 2023. 7. 29.
React - React 를 사용하기 위해 되짚는 JavaScript 기초 (1) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 이전 포스팅에 이어서, React 에 대한 작성을 해보려고 합니다. React 를 비롯해서 JavaScript 언어 위에서 구동되는 Library, Framework 가 존재합니다. 이 JavaScript 는 Web을 개발하는 3개의 구성요소이기도 합니다. 이를 살펴보고, 기본부터 돌아보도록 합시다. 1. 웹사이트를 구성하는 3개의 요소 HTML 요소의(Element) 의 배치 및 내용을 기술하는 언어 색이나 크기같은 디자인을 수행하지 않고, 요소(Element) 의 배치와 내용만을 기술할 수 있음. CSS 색, 크기, 애니메이션등을 정의하는 "Styling" 언어 JavaScript 웹 사이트에 동적요소를 구현하는 언어 2. JavaScript 가 실행되.. 공감수 0 댓글수 0 2023. 7. 29.
React - 왜 React 입니까? 안녕하세요. Hynn 입니다. 이번 포스팅에서는 10개월에 걸친 학원 수강 이후에, 제가 가지고 있는 두가지 궁금증을 풀어보고, 이를 풀어보면서, JavaScript 의 기초, 그리고 대중적으로 가장 널리 사용되는 라이브러리(라고 저는 확신합니다) 중 하나인 React 에 대해서 풀어보려고 합니다. 몇가지 개인적인 사견이 강하게 들어가 있을 수 있으므로, 생각이 다른 경우에 댓글로 알려주시면 다시한번 고찰을 가질 수 있을거 같아서 많은 의견 주시면 감사하겠습니다. 시작해보도록 하겠습니다. 1. Why React ? React는 Facebook 으로 잘 알려진 Meta 에서 주도하는 오픈소스 입니다. 단, 공식 홈 페이지에서 React 를 소개하는 요약글은 " 사용자 인터페이스를 만들기 위한 JavaScr.. 공감수 0 댓글수 0 2023. 7. 28.
[Project] Block-Chain DeFi 시스템 구현하기 후기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 기존의 개념들을 이용해서, DeFi 시스템을 구현하는 프로젝트를 수행하였습니다. 프로젝트 기간중에는 아래와 같은 Schedule 로 진행했고, 총 2달여간의 걸처 작업을 했지만, 실제 코드를 구현하는 작업은 2주 반 정도 되는 기간동안 수행했습니다. 새로운 기술을 사용하여 시도한 프로젝트이니만큼, 공부하는 시간이 더 길어, 실제 구현상의 세부적인 디테일에는 아쉬운 부분들이 있지만,전체적으로 어떻게 접근하고, 어떻게 구현했는지를 후기로 남겨보려고 합니다. 1. DeFi 시스템 학습하기. 먼저 DeFi 시스템이 어떠한 구성으로 이루어지는지를 알아야 했습니다. 하지만 DeFi 의 경우, 한국에서 활발하게 이루어지거나 시행되고 있는 서비스가 아니기때문에, 제한적인.. 공감수 0 댓글수 0 2023. 7. 28.
DeFi - UniSwap 기본 흐름도 1. UniSwap Github https://github.com/Uniswap V2-core : LP pair, factory 등 핵심적인 기능의 컨트랙트 v2-periphery : 핵심기능을 편리하게 사용할 수 있도록 도와주는 컨트랙트 flashSwap priceOracle 2. UniSwap 구조 Router : 유저와 인터렉션(=상호작용) 하는 컨트랙트 Pair : 유동성을 관리하는 LP Pair 컨트랙트 Factory : Pair 컨트랙트를 생성하는 컨트랙트 FeeTo : Pair에서 발생하는 토큰 스왑에 대한 수수료가 모이는 컨트랙트 ⇒ 유저가 만약 토큰 스왑을 요청하고 싶다면 라우터 컨트랙트에 요청 → 라우터는 스왑 경로를 통해 해당하는 페어에 따라 토큰을 교환 ⇒ 유저가 유동성 공급을 요청.. 공감수 0 댓글수 0 2023. 7. 28.
DeFi - Swap 기본 사항 이해하기 Swap(스왑) Swap은 말그대로 교환의 의미로 블록체인에서는 코인,토큰의 스왑을 뜻한다. 즉, 다른 암호화퍠로 교환하는 것을 말하는데, 대표적으로 유니스왑, 스시스왑이 있다. 유니스왑 유니스왑은 이더리움과 ERC-20 토큰 간의 자동 교환거래를 용이하게 하도록 설계된 탈중앙화 거래소 DEX로, 온라인에서 탈중심화 지갑 설치를 통해서 이용이 가능하다. 초기 탈중앙화 거래소는 과도한 가스비, 수수료, 확장 한계성, 비유동성 등의 문제로 많은 비판을 받았다. 유니스왑은 이런 한걔성을 보완하여 만들어진 것이다. AMM알고리즘 기반으로 유동성 풀을 제공하여 낮은 유동성이라는 한계를 보완함. 유동성을 공급하는 자들에게 별도의 보상을 지급하는 방식으로 유동성 공급 문제를 해결했다. 구조는 유동성 마이닝 시스템 →.. 공감수 0 댓글수 0 2023. 7. 28.
DeFi - Staking 기본 학습하기 Staking (스테이킹) 스테이킹은, POS(Proof-of-Stake) 합의 알고리즘 기반 네트워크에서 중요한 역활의 한 개념입니다. 기존의 BitCoin 으로 대표되는 POW(Proof-of-Work) 합의 알고리즘 기반 네트워크에서 갖는 역활 중 하나인 Mining, 즉 채굴이라고 불리우는 기존의 시스템과 전혀 다른 방식으로 동작하는 개념을 뜻합니다. 이는 POS 합의 알고리즘 기반의 블록체인 네트워크에서 사용되는 대표적 개념이며, 가장 유명한 블록체인 네트워크는 이더리움 2.0 으로 잘 알려져 있습니다. 이 Staking 의 방식은 두가지 방식이 존재합니다. 각각 아래의 명칭으로 불리웁니다. Proof of Stake (PoS) Delegated Proof of stake (DPoS) 위 Sta.. 공감수 0 댓글수 0 2023. 7. 28.
DeFi - Pool 기본 개념 학습하기 AMM방식의 탈중앙화 거래소(DEX)에서는 사용자들이 유동성 풀을 공급하고, 디지털 자산의 교환을 원하는 자는 해당 풀에서 디지털 자산을 교환한다. Pool에 담겨 있는 자산은 거래의 상대방이 명확히 존재하지 않으며, 교환 비율이나 디지털 자산의 가치는 수학적 알고리즘에 의하여 형성된다. 1. ASD-USDT 2. ASD-ETH 3. ASD-ARB 1. Pool 유동성 공급자(LP)는 2개의 토큰 쌍(Pair)를 유동성 Pool에 예치함으로써 거래의 기반을 만든다(각각 같은 가격에 맞춰 공급하기 때문에 두 토큰의 예치 수량은 상이). 풀에 유동성을 제공한 공급자(LP)는 트레이더의 거래 시 발생하는 수수료(비율 미정)의 일부(혹은 전부)를 가져갈 수 있다. 만약 교환을 원하는 토큰 쌍이 없다면 여러 토큰.. 공감수 0 댓글수 0 2023. 7. 28.
DeFi - LP(Liquidity Pool) 기본개념 알아보기 Liquidity Pool에 대해 Liquidity Pool , 즉 LP 를 이해하기 위해ㅐ서는 DeFi, AMM 두가지를 이해해야 합니다. 단어 그대로 Liquidity 는 유동성, 즉 Smart-Contract 내의 자금을 잠그고 이를 모아두는 것을 Liquidity Pool 이라고 지칭합니다. 이 LP는 사용자간의 탈중앙화된 DeFi 의 특성에서, 사용자가 유동성을 제공하고, 이를 탈 중앙화된 시스템에서 은행의 역활을 대체한다고 할 수 있습니다. Liquidity Pool 의 기본 구성 기술요구사항에 따르면, 이번 프로젝트에서 생성하게 될 ASD (가칭) Token 은 USDT, ETH, ABR 세개의 코인과 Pair 를 이루게 되고, 이를 기반으로 LP Token 을 Reward 로 제공해야 합니.. 공감수 0 댓글수 0 2023. 7. 28.
DeFi - ERC 표준 ERC-20 Token 알아보기 ETH Block-chain의 표준, ERC ERC라고 하는 Ethereum Request for Comments 는 단어 그대로 이더리움 요청에 대한 의견을 의미합니다. 이 요청은 Ethereum 블록체인 네트워크의 표준을 제정하게 되었고, 이는 2015년에 처음 제안되어 가장 활발하게 이루어지고 있습니다. ERC에 대한 표준은 번호로 명명하여 다양하게 제정되어 있으며, 이번 프로젝트에서는 ERC-20을 기반으로 하여 Token 을 생성할 예정입니다. ERC20의 사용 De-Fi 에서의 ERC20 DeFi 에서의 ERC20은 몇가지 특징을 가지고 운영됩니다. 먼저 ERC20 토큰은 모두 “같은” 표준화된 함수 세트를 가지고 구성됩니다. 즉, 서로 다른 토큰간의 상호작용이나 SmartContract 처리.. 공감수 0 댓글수 0 2023. 7. 28.
DeFi - Governance의 역활 거버넌스 DeFi System 에서 거버넌스는 가장 중요한 역활을 담당합니다. 기존의 중앙집중화가 되어 있는 모든 회사의 시스템에서는 의사 결정 기구가 존재합니다. 가령 예를 든다면, 주식회사의 경우, “주주 총회” 혹은 “이사회”와 같은 회사의 정책, 비전 및 중요 의사결정을 위한 합의체가 존재합니다. 하지만 블록체인의 가장 중요한 키워드인 “탈중앙화” 에서는 이러한 의사결정 시스템을 민주적인 결정을 내리기 위해 “거버넌스” 라는 이름으로 명명하고 있습니다. 이 거버넌스를 이해해야, Smart-Contract 을 구성할 때, 어떠한 흐름도로 작성되는지를 명확하게 이해할 수 있습니다. 거버넌스의 의미 DeFi 에서 거버넌스는 분산형 프로토콜 내에서 “결정”을 내리는 시스템을 의미합니다. 이 결정에는 기존.. 공감수 0 댓글수 0 2023. 7. 28.
DeFi 기본 개념 알아보기 DeFi(분산형 금융) 시스템 Decentralized Finance System 으로써, 기존의 중앙집중형 구조의 금융시스템을 블록체인의 가장 중요한 키워드인 “탈 중앙화” 방식으로 처리하기 위해 나타난 새로운 시스템입니다. 즉, 현재의 금융거래는 은행을 중심으로 하여, 모든 사용자는 은행에 정보가 집중되고 은행에서만 처리하게끔 하는 금융 시스템에서, Block-Chain System 의 가장 중요 키워드인 “탈 중앙화” 방식으로서의 사용자간의 P2P 거래를 할 수 있도록 처리하고, 이를 통해 새로운 금융 패러다임의 서비스를 뜻합니다. DeFi 의 주요 특징 4가지 DeFi 는 주요한 특징을 4가지의 특징을 가지고 있고, 이러한 특징을 모두 시스템 구현시 요구사항에 충족되어야 합니다. 주요 특징은 아래.. 공감수 0 댓글수 0 2023. 7. 28.
Ethereum - 이더리움 네트워크 기반 DeFi 기본 구축 개요 토큰을 예치하고 스왑할 수 있는 아비트럼 메인넷 전용 dex 플렛폼 아비트럼 스왑을 사용하여 사용자는 특정 토큰을 다른 토큰으로 직접 교환할 수 있어 전통적인 주문형 거래소에서의 거래 방식과는 다르게, 사용자가 직접 토큰을 서로 교환하는 형태로 사용자는 빠르고 효율적으로 토큰을 교환할 수 있다. 아비트럼 스왑은 암호화폐 유동성 공급자에게 수익을 제공하는 유동성 풀을 제공한다. 유동성 공급자는 특정 토큰 쌍의 유동성 풀에 토큰을 제공하고, 거래 수수료를 받을 수 있다.( 이때 수수료는 예치된 모든 유동성 제공자들에게 분배된다. 분배 비율은 각 LP가 풀에 제공한 유동성의 양에 따라 다르다.) 사용자가 아비트럼 스왑에 두 종류의 토큰을 특정 비율로 예치를하면 대가로 LP토큰을 받을 수 있다. (LP 토.. 공감수 0 댓글수 0 2023. 7. 28.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.