왓누씨의 개발일기
close
프로필 배경
프로필 로고

왓누씨의 개발일기

  • 분류 전체보기 (60)
    • DEVELOPMENT (58)
      • HTML & CSS (1)
      • JavaScript (18)
      • React.js (14)
      • Typescript (11)
      • Next.js (2)
      • Node.js (1)
      • PROJECT NOTES (9)
      • PROJECTS (2)
    • 일상 (0)
      • 생각나누기 (0)
    • ...기타 (2)
      • BOOK CLIP (0)
      • REVIEW (2)
  • 홈
  • 태그
  • 방명록
[React] State와 Hooks(useState, useEffect...)

[React] State와 Hooks(useState, useEffect...)

01StateState는 컴포넌트의 상태를 나타내며, 변화 가능한 값을 관리하는 데 사용됩니다.State는 직접 수정할 수 없고, setState를 통해 수정해야 합니다.// 잘못된 예시this.state = { name: '박서방' };// 정상적인 사용법this.setState({ name: '박서방' }); 상태가 변경되면 컴포넌트가 다시 리렌더링 됩니다. 따라서 렌더링과 데이터 흐름에 필요한 값만 state에 포함시켜야 성능 저하를 막을 수 있습니다.함수형 컴포넌트에서는 React 16.8부터 useState Hook을 사용하여 상태를 관리할 수 있습니다.02Lifecycle (생명주기)React 컴포넌트는 생성, 업데이트, 제거라는 세 가지 주요 생명주기를 가집니다.이 과정을 통해 컴포넌트의 동..

  • format_list_bulleted DEVELOPMENT/React.js
  • · 2024. 5. 20.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (60)
    • DEVELOPMENT (58)
      • HTML & CSS (1)
      • JavaScript (18)
      • React.js (14)
      • Typescript (11)
      • Next.js (2)
      • Node.js (1)
      • PROJECT NOTES (9)
      • PROJECTS (2)
    • 일상 (0)
      • 생각나누기 (0)
    • ...기타 (2)
      • BOOK CLIP (0)
      • REVIEW (2)
최근 글
인기 글
최근 댓글
태그
  • #한입챌린지
  • #실습예제
  • #html
  • #css
  • #TypeScript
  • #React
  • #모던자바스크립트 deep dive
  • #page router
  • #Promise
  • #JavaScript
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바