컴포넌트3 [처음 만난 리액트] React 책읽기 : Chapter 6-8 정리 [ 참고 서적 : 소플의 처음 만난 리액트(2판) - 한빛미디어 ] 🔹 React State 정리✅ State란?리액트 컴포넌트의 변경 가능한 데이터개발자가 직접 정의하여 사용State가 변경되면 컴포넌트가 재렌더링됨렌더링이나 데이터 흐름에 사용되는 값만 State에 포함해야 함🎯 State의 특징JavaScript 객체 형태직접 변경 불가능 → 반드시 지정된 방법(set 함수)으로 변경해야 함⚛️ 클래스 컴포넌트에서 State 사용법생성자에서 State를 한 번에 정의State 변경 시 setState() 함수 사용⚡ 함수 컴포넌트에서 State 사용법useState() Hook을 사용하여 각각의 State를 정의각 State별로 제공되는 set 함수를 사용하여 변경🔹 React 생명주기(Life.. 2025. 4. 4. [React/Typescript] error 'TransitionStatus' 형식의 식을 ~ 인덱스 형식에 사용할 수 없으므로 요소에 암시적으로 'any' 형식이 있습니다. 'TransitionStatus' 형식의 식을 '{ entering: { opacity: number; }; entered: { opacity: number; }; exiting: { opacity: number; }; exited: { opacity: number; }; }' 인덱스 형식에 사용할 수 없으므로 요소에 암시적으로 'any' 형식이 있습니다. '{ entering: { opacity: number; }; entered: { opacity: number; }; exiting: { opacity: number; }; exited: { opacity: number; }; }' 형식에 'unmounted' 속성이 없습니다.ts(7053) 페이지 전환 시 페이드인/페이드아웃 효과를 주는 Fade 컴.. 2023. 4. 29. [소프트웨어공학] 10장. 컴포넌트 및 UI 설계 10장. 컴포넌트 및 UI 설계 Monolithic vs Modular Monolithic : Unified (통합) → constructed by one single module (단일 모듈로 구성) Modular : Hierarchical, Abstraction, Divide & conquer (계층적, 추상화, 분할 및 정복) → constructed by multiple module in hierarchical fashion (계층적 방식, 다중 모듈) Modular Design - easier to build, change, fix … 컴포넌트란? Component (구성 요소) : 소프트웨어를 위한 모듈식 빌딩 블록 "구현을 캡슐화하고 일련의 인터페이스를 표시하는 시스템의 모듈식, 배포 및 교.. 2023. 4. 23. 이전 1 다음 728x90 반응형
