Component 썸네일형 리스트형 React 기본 제공 컴포넌트 Suspense, Fragment 내장 컴포넌트 React는 특별한 역할을 수행하도록 설계된 내장 컴포넌트가 있다. 기본으로 제공되는 컴포넌트의 역할은 다양한 문제나 요구 사항을 해결하게 도와주며, 개발을 돕기 위한 도구나 특정 문제에 대한 해결책, 성능 최적화를 위한 도구 등이 포함된다. 불필요한 div태그의 사용을 줄여주는 , 비동기 요청을 통해 로딩중일 때의 화면을 보여줄 때 사용하는 등 개발시 자주 사용되는 몇 가지 기본 내장 컴포넌트를 알아보려고 한다. 주요 내장 컴포넌트 Fragment 는 React의 내장 컴포넌트 중 하나로, 주로 여러 컴포넌트나 요소를 그룹화하는 데 사용된다. 의 가장 큰 특징은 불필요한 DOM 노드를 생성하지 않는다는 것이다. 주요 특징 DOM 노드를 추가하지 않는다: Fragment는 렌더링 결과에 직.. 더보기 React의 클래스 컴포넌트와 함수형 컴포넌트가 뭘까? React : 클래스 컴포넌트, 함수형 컴포넌트 클래스 컴포넌트 클래스 컴포넌트는 React의 전통적인 컴포넌트 작성 방법이다. 클래스 컴포넌트는 ES6의 클래스를 활용하며, 컴포넌트의 상태(state)를 가질 수 있다. 또한, 라이프사이클 메소드를 활용할 수 있어 상태 업데이트 또는 컴포넌트 라이프사이클에 따른 특정 동작을 구현할 수 있게 되며, componentDidMount, componentDidUpdate, componentWillUnmount 등의 메소드를 제공한다. 라이프 사이클 Mounting : 컴포넌트 인스턴스가 생성되어 DOM에 삽입되는 단계 constructor(): 컴포넌트가 생성될 때 호출되는 메소드로, 초기 state를 정의하거나 메소드를 바인딩하는 등의 작업을 수행한다. st.. 더보기 이전 1 다음
