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)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

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

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
beeimp

BeeImp

I Learned/TIL

[TIL] React - Hydration Error

2022. 6. 29. 01:09

[TIL] React - Hydration Error

날짜

  • 2022.06.28.

목표

  • SDAO 프로젝트 디버깅

내용

React - Hydration Error

  • 원인 - 렌더링하는 동안 pre-rendering React 트리와 브라우저의 첫 번째 Rendering와 차이로 인해 발생

  • 해결 - useEffect를 사용하여 상태를 변경해준다.

      import { useEffect, useState } from 'react'
      function MyComponent() {
        const [color, setColor] = useState('blue')
        useEffect(() => setColor('red'), [])
        return <h1 className={`title ${color}`}>Hello World!</h1>
      }
  • 참조

    react-hydration-error | Next.js

OS - Sleep()

  • 프로세스 안에서 쓰레드가 Running에서 Suspend로 상태를 변경
  • Sleep 동안 쓰레드는 스케줄러 관리 대상에서 제외
    • 쉬는게 아니고 제외
  • Sleep을 통해 랜덤을 뽑을 수 있다.
    • 실제 초당 주파수는 범용 컴퓨터에서는 모두 다르기 때문

OS - 3 Layers

  • User Layer
    • 위의 App Layer에서 동작하는 Process의 API가 존재
  • Kernel Layer
    • Driver - H/W의 Device에 Interrupt Request
      • Interrupt Request는 고유의 번호를 통해 요청함
  • H/W(Physical) Layer - 관리 및 제어 수행
    • CPU, RAM, HDD, Sound, Video, NIC
  • System Call - User와 Kernel의 진입점

결론

  • Rendering 차이로 인해 오류가 발생했고, useEffect로 해결 가능했다.

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

[TIL] 무한 스크롤  (0) 2022.07.03
[TIL] React/Next 로딩 화면 및 클립보드 구현  (0) 2022.06.30
[TIL] TDD vs BDD  (0) 2022.06.28
[TIL] 배포하는 길을 멀고도 멀다.  (0) 2022.06.25
[TIL] 커밋되지 않은 모든 파일 삭제  (0) 2022.06.24
    'I Learned/TIL' 카테고리의 다른 글
    • [TIL] 무한 스크롤
    • [TIL] React/Next 로딩 화면 및 클립보드 구현
    • [TIL] TDD vs BDD
    • [TIL] 배포하는 길을 멀고도 멀다.

    티스토리툴바