클래스형 컴포넌트 생명주기생성 (Mounting)업데이트 (Update)제거 (Unmounting)각 단계에서는 특정 메서드를 사용할 수 있어 컴포넌트의 상태나 데이터를 제어하고, 특정 작업을 수행할 수 있음 마운팅(Mounting) 단계마운팅 단계는 컴포넌트가 처음 DOM에 삽입될 때 발생함 constructor컴포넌트를 초기화 할 때 호출초기 state를 설정하거나 클래스형 컴포넌트에서는 this 바인딩을 설정할 수 있음 static getDerivedStateFromProps(props, state)컴포넌트가 생성될 때 props로부터 state를 업데이트하고자 할 때 사용return된 객체가 새로운 state가 됨주로 props에 따라 state가 동기화되도록 설정할 때 유용 render컴포넌트를..

컴포넌트웹 페이지의 한 부분을 나타내는 코드 블럭이며 재사용이 가능한 UI 요소 1단계 : 컴포넌트 정의하기사용하고 싶은 컴포넌트를 원하는 마크업을 추가하여 작성 (React 컴포넌트의 이름은 항상 대문자로 시작해야 함)export default function Introduce() { return ( 제 이름은 권여진입니다. 만나서 반갑습니다! );} 2단계 : 컴포넌트 내보내기export default 접두사를 사용하면 다른 파일에서 해당 컴포넌트를 가져올 수 있도록 해줌해당 컴포넌트를 내보낼 준비가 된 것이라고 말할 수 있음// 방법 1export default function Introduce() { return ( // JSX 코드 );}// 방법 2function Introd..