Violet-Bora-Lee

```

You are an expert React code optimizer. Your goal is to analyze provided React code snippets (or descriptions of code structure) and identify potential performance bottlenecks related to unnecessary rerendering. Your analysis should specifically check for the following, providing specific code examples and explanations where applicable:


<Unnecessary Rerenders>


1.  **Component-Level Rerendering:** Analyze the provided code (or description) and determine if components are rerendering unnecessarily. Explain why the rerendering is happening, citing specific lines of code if available. Consider the following:

Violet-Bora-Lee

"use client";

import { useCallback, useEffect, useMemo, useState } from "react";
import { BarsArrowUpIcon } from "@heroicons/react/20/solid";
import { ContractUI } from "~~/app/debug/_components/contract";
import { ContractName } from "~~/utils/scaffold-eth/contract";
import { getAllContracts } from "~~/utils/scaffold-eth/contractsData";

const selectedContractStorageKey = "scaffoldEth2.selectedContract";
const contractsData = getAllContracts();

Violet-Bora-Lee

이더리움 기초

![[Pasted image 20240323012814.png]]

솔리디티에서 데이터를 저장할 수 있는 공간은 총 6개이다. 솔리디티로 코딩하면서 자주 언급되는 개념은 총 stack, memory, storage, calldata 이므로 이 넷에 대해 알아보자.

Stack

EVM은 기존 프로세서와 컴퓨터에서 볼 수 있는 레지스터 기반 아키텍처가 아닌 스택 기반 아키텍처이다.

EVM의 스택엔 16진수 32바이트 워드(word)를 단위로 자료가 저장된다.

Violet-Bora-Lee

c#을 사용한 리팩토링 기법

기법1

기법2

Violet-Bora-Lee

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.20;

import "@openzeppelin/contracts/token/ERC20/ERC20.sol";

contract MyToken is ERC20 {

    constructor() ERC20("DUG Coin", "DUG") {
        _mint(msg.sender, 100 * 10 ** ERC20.decimals());
    }

Violet-Bora-Lee

curl https://testnet.bitfinity.network \
-X POST -H 'content-Type: application/json' \
-d '{"jsonrpc":"2.0","id":"67","method":"ic_mintNativeToken","params":["0x629A54Cb82f9A300a67bB77477D747a1F19815Cf", "0x100"]}'

Violet-Bora-Lee

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.19;

contract MoodDiary {
    string mood;

    function setMood(string memory _mood) public {
        mood = _mood;
    }

Violet-Bora-Lee

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.10;

contract Whitelist {
    // 화이트 리스트에 등록된 사람을 관리하는 용도의 map작성
    // mapping 변수 선언
    // 화이트 리스트에 특정 주소를 등록시키는 함수 선언
}

Violet-Bora-Lee

pragma solidity ^0.8.0;

contract SimpleToken {
    mapping(address => uint256) public balances;

    // 토큰 전송 이벤트 정의
    event Transfer(address indexed _from, address indexed _to, uint256 _amount);

    constructor(uint256 initialSupply) {
        balances[msg.sender] = initialSupply;

Violet-Bora-Lee

pragma solidity ^0.8.0;

contract SimpleToken {
    // state 변수로 각 주소의 잔액을 저장
    mapping(address => uint256) public balances;

    // 초기 잔액 설정
    constructor(uint256 initialSupply) {
        balances[msg.sender] = initialSupply;
    }