beeimp
BeeImp
beeimp
전체 방문자
오늘
어제
  • 분류 전체보기 (110)
    • Program_Language (17)
      • Python (13)
      • Go (0)
      • JavaScript (4)
      • TypeScript (0)
      • Rust (0)
      • Solidity (0)
    • OS (8)
      • UNIX&LINUX (7)
      • Windows (0)
      • MacOS (1)
    • Front-End (19)
      • Svelte (19)
      • React (0)
    • Blockchain (6)
      • Bitcoin (0)
      • Ethereum (1)
      • Klaytn (0)
      • Project (5)
    • Data Structure&Algorithm (11)
      • Greedy (7)
      • Dynamic Programming (1)
      • Sort (0)
      • DFS & BFS (2)
      • Recursive (1)
    • Security (0)
      • SDP (0)
      • Authentication (0)
    • Network (3)
      • OpenWrt (0)
      • SDN&NFV (1)
    • Git (5)
    • IT_News (0)
    • 베타 학습단 (12)
      • SQL (12)
    • Project (1)
    • Issues (1)
    • Reviews (3)
    • I Learned (23)
      • TIL (23)
      • WIL (0)
    • Other (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • greedy
  • typescript
  • ubuntu
  • react
  • Ethereum
  • 블록체인
  • sql
  • github
  • jenkins
  • Git
  • solidity
  • javascript
  • mysql
  • svelte
  • 탐욕법
  • Docker
  • blockchain
  • 기초
  • Nest.js
  • PYTHON

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
beeimp

BeeImp

I Learned/TIL

[TIL] Why 토큰 이코노미? React에서 useState의 set함수는 비동기

2022. 6. 17. 02:33

[TIL] Why 토큰 이코노미? React에서 useState의 set함수는 비동기

날짜

  • 2022.06.16.

목표

  • OpenSea 클론코딩 마무리

내용

React - useState의 set함수는 기본적으로 비동기

  • set함수에 값을 넣어 state를 변경하게 되면 비동기적으로 처리

      import React, {useState} from 'react';
    
      const App = () => {
          const [value, setValue] = useState('');
    
          const countHandler = () => {
              setState(value + 1);
          }
    
          return(
              <div>
                  <h3>{value}</h3>
                  <button onClick={countHandler}>count</button>
              <div>
          );
      }
      export default App;
  • set함수에 콜백함수를 넣어 동기적으로 처리

      import React, {useState} from 'react';
    
      const App = () => {
          const [value, setValue] = useState('');
    
          const countHandler = () => {
              setState((state) => state + 1);
          }
    
          return(
              <div>
                  <h3>{value}</h3>
                  <button onClick={countHandler}>count</button>
              <div>
          );
      }
      export default App;

토큰 이코노미 왜 배우니?

  • M2E를 설계할 때 어떤 토큰 이코노미를 적용하는지 매우 중요함
  • 블록체인 프로젝트에서 토큰 이코노미가 전부

결론

  • useState의 set함수는 기본적으로 비동기임을 학습함
  • 토큰 이코노미는 M2E를 설계할 때 매우 중요하므로 학습이 필요함을 느낌

'I Learned > TIL' 카테고리의 다른 글

[TIL] 협업 개발 도구에는 무엇이?  (0) 2022.06.19
[TIL] well-known port  (0) 2022.06.18
[TIL] react, ethers, payable, file  (0) 2022.06.16
[TIL] 경고와 버전 이슈  (0) 2022.06.15
[TIL] OpenSea 클론코딩 시작 및 DeSo 컨트랙트 개발  (0) 2022.06.14
    'I Learned/TIL' 카테고리의 다른 글
    • [TIL] 협업 개발 도구에는 무엇이?
    • [TIL] well-known port
    • [TIL] react, ethers, payable, file
    • [TIL] 경고와 버전 이슈

    티스토리툴바