호돌맨의 블로그

  • 홈
  • 이력서

2022/07 1

(React) proxy기반의 반응형데이터 관리

React 반응형 데이터 React에서는 반응형 데이터를위해 setState를 이용한다. 그런데 클래스 인스턴스로 데이터를 관리하고싶은 경우 인스턴스 자체의 변경점이 지정되며, 인스턴스내의 데이터를 변경 하고싶은경우 spread방식을 이용하기때문에 불편하다. React에서 proxy기반의 상태(반응형)관리 해주는 Valtio라는 라이브러리를 발견했다. 해당 방법을 이용하면 쉽게 클래스 인스턴스를 관리 할 수 있다. Vue3에서 reactive (or ref)와 비슷한 느낌인것 같다. 그러면 아래와같이 직관적으로 반응형 데이터를 만들어줄 수 있고 변경또한 객체에 메시지를 전달하여 해결할 수 있다. 예제코드 import React, {useEffect, useState} from "react"; import..

개발/Frontend 2022.07.08
이전
1
다음
더보기
프로필사진

음악, 컴퓨터, 서버, IT

  • 분류 전체보기 (37)
    • 사진 (2)
    • 음악 (0)
    • 해외여행 (7)
      • [2018-01] 홋카이도 (2)
      • [2017-12] 홋카이도 (5)
    • 개발 (28)
      • Linux,Server (7)
      • Java,Spring (5)
      • Frontend (4)
      • Python (0)
      • Database (1)
      • 우당탕탕 대모험 (7)

Tag

disable, splitChunks, authenticationprincipal, valtio, unzip, 슈퍼호쿠토, 호돌맨, Illegal byte sequence, 회고, 에키벤, 강대명, Spring Security, nginx, 개발자, 홋카이도, 유효하지 않은 변수, 우아한형제들, springboot, null, spring,

최근글과 인기글

  • 최근글
  • 인기글
  • "여러개의 기술을 담당 하니깐 경쟁력이 떨어지는 것 같아요" 2023.01.16 11:08
  • 안국 2022년 12월 30일 2022.12.31 15:02
  • 호돌맨 2022년 총 결산 2022.12.29 13:39
  • "여러개의 기술을 담당 하니깐 경쟁력이 떨어지는 것 같아요" 2023.01.16 11:08
  • 안녕, 우아한형제들 2019.12.15 19:37
  • 호돌맨 2022년 총 결산 2022.12.29 13:39

최근댓글

  • 🙏

    홍구

  • 계속 정진하겠습니다~!

    정진

  • 세계 최초 예능지향 DEV엔터테인먼트 토크쇼!

    피곤한개발자

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

  • 2023/01
  • 2022/12
  • 2022/09
  • 2022/07

Calendar

«   2022/07   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

방문자수Total

105,873

  • Today : 47
  • Yesterday : 131

Copyright © Kakao Corp. All rights reserved.

티스토리툴바