odada

라이프 사이클 (생명주기) 이해하기 React에서 컴포넌트의 생명주기를 관리하는 것은 앱의 성능과 유지보수성에 중요한 영향을 미칩니다. 특히, 함수형 컴포넌트에서는 useEffect 훅을 사용하여 이러한 관리 작업을 수행합니다. - 예제로 알아보는 라이프 사이클 데이터를 불러와 화면에 표시하는 간단한 뉴스 목록 컴포넌트를 생각해볼 수 있습니다. 이 컴포넌트는 useEffect 훅을 사용해 컴포넌트가 마운트될 때 뉴스 API에서 데이터를 한 번만 불러오고, 이 데이터를 컴포넌트의 상태로 저장하여 화면에 뉴스 목록을 렌더링합니다. 만약 사용자가 특정 카테고리를 선택하면, 해당 카테고리에 맞는 뉴스 데이터를 다시 불러와 업데이트할 수 있습니다. 이렇게 useEffect를 사용하면 API 호출 타이밍을 정확히 ..

React 배우기 - 상태(State)1. State상태(State)란 컴포넌트가 가질 수 있는 동적인 데이터를 의미합니다.사용자가 입력한 텍스트현재 선택된 메뉴 항목토글 버튼의 on/off 상태서버에서 받아온 데이터useState 기본 문법 설명const [state, setState] = useState(initialValue);// - state: 현재 상태 값// - setState: 상태를 변경하는 함수// - initialValue: 초기 상태 값- State와 Props의 차이리액트 컴포넌트는 입력과 출력이 있는데 prop를 통해 입력된 데이터를 우리가 만든 컴포넌트 함수가 처리해서 retrun을 통해 출력한다.props는 컴포넌트를 사용하는 외부자를 위한 데이터이다.state는 props와..