본문 바로가기

전체 글127

React - React 를 사용하기 위해 되짚는 JavaScript 기초 (1) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 이전 포스팅에 이어서, React 에 대한 작성을 해보려고 합니다. React 를 비롯해서 JavaScript 언어 위에서 구동되는 Library, Framework 가 존재합니다. 이 JavaScript 는 Web을 개발하는 3개의 구성요소이기도 합니다. 이를 살펴보고, 기본부터 돌아보도록 합시다. 1. 웹사이트를 구성하는 3개의 요소 HTML 요소의(Element) 의 배치 및 내용을 기술하는 언어 색이나 크기같은 디자인을 수행하지 않고, 요소(Element) 의 배치와 내용만을 기술할 수 있음. CSS 색, 크기, 애니메이션등을 정의하는 "Styling" 언어 JavaScript 웹 사이트에 동적요소를 구현하는 언어 2. JavaScript 가 실행되.. 2023. 7. 29.
React - 왜 React 입니까? 안녕하세요. Hynn 입니다. 이번 포스팅에서는 10개월에 걸친 학원 수강 이후에, 제가 가지고 있는 두가지 궁금증을 풀어보고, 이를 풀어보면서, JavaScript 의 기초, 그리고 대중적으로 가장 널리 사용되는 라이브러리(라고 저는 확신합니다) 중 하나인 React 에 대해서 풀어보려고 합니다. 몇가지 개인적인 사견이 강하게 들어가 있을 수 있으므로, 생각이 다른 경우에 댓글로 알려주시면 다시한번 고찰을 가질 수 있을거 같아서 많은 의견 주시면 감사하겠습니다. 시작해보도록 하겠습니다. 1. Why React ? React는 Facebook 으로 잘 알려진 Meta 에서 주도하는 오픈소스 입니다. 단, 공식 홈 페이지에서 React 를 소개하는 요약글은 " 사용자 인터페이스를 만들기 위한 JavaScr.. 2023. 7. 28.
[Project] Block-Chain DeFi 시스템 구현하기 후기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 기존의 개념들을 이용해서, DeFi 시스템을 구현하는 프로젝트를 수행하였습니다. 프로젝트 기간중에는 아래와 같은 Schedule 로 진행했고, 총 2달여간의 걸처 작업을 했지만, 실제 코드를 구현하는 작업은 2주 반 정도 되는 기간동안 수행했습니다. 새로운 기술을 사용하여 시도한 프로젝트이니만큼, 공부하는 시간이 더 길어, 실제 구현상의 세부적인 디테일에는 아쉬운 부분들이 있지만,전체적으로 어떻게 접근하고, 어떻게 구현했는지를 후기로 남겨보려고 합니다. 1. DeFi 시스템 학습하기. 먼저 DeFi 시스템이 어떠한 구성으로 이루어지는지를 알아야 했습니다. 하지만 DeFi 의 경우, 한국에서 활발하게 이루어지거나 시행되고 있는 서비스가 아니기때문에, 제한적인.. 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에서 발생하는 토큰 스왑에 대한 수수료가 모이는 컨트랙트 ⇒ 유저가 만약 토큰 스왑을 요청하고 싶다면 라우터 컨트랙트에 요청 → 라우터는 스왑 경로를 통해 해당하는 페어에 따라 토큰을 교환 ⇒ 유저가 유동성 공급을 요청.. 2023. 7. 28.
DeFi - Swap 기본 사항 이해하기 Swap(스왑) Swap은 말그대로 교환의 의미로 블록체인에서는 코인,토큰의 스왑을 뜻한다. 즉, 다른 암호화퍠로 교환하는 것을 말하는데, 대표적으로 유니스왑, 스시스왑이 있다. 유니스왑 유니스왑은 이더리움과 ERC-20 토큰 간의 자동 교환거래를 용이하게 하도록 설계된 탈중앙화 거래소 DEX로, 온라인에서 탈중심화 지갑 설치를 통해서 이용이 가능하다. 초기 탈중앙화 거래소는 과도한 가스비, 수수료, 확장 한계성, 비유동성 등의 문제로 많은 비판을 받았다. 유니스왑은 이런 한걔성을 보완하여 만들어진 것이다. AMM알고리즘 기반으로 유동성 풀을 제공하여 낮은 유동성이라는 한계를 보완함. 유동성을 공급하는 자들에게 별도의 보상을 지급하는 방식으로 유동성 공급 문제를 해결했다. 구조는 유동성 마이닝 시스템 →.. 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.. 2023. 7. 28.