React (2) 썸네일형 리스트형 [React] UseState 알아보기 useState란?React에서 useState는 상태를 추가하고 관리할 수 있게 해주는 hook이다. 상태란 시간이 지남에 따라 변경될 수 있는 이 값을 저장하고 관리하는 데 useState를 사용한다. useState 사용법state 생성과 동시에 useState함수에 초기 상태 값을 매개변수로 호출하면 배열이 반환된다. 이 배열에는 현재 값을 나타내는 상태이다.const [state, setState] = useState(초기값); 컴포넌트의 현재 상태 값은 state라는 변수에 들어있고, state를 변경하고 싶다면 setState 함수를 이용해서 변경할 수 있다. 여기서 state와 setState의 이름은 마음대로 지정이 가능하다. setState를 이용해서 state를 변경하면 해당 컴포넌트.. [React] 컴포넌트(Component)와 생명주기 컴포넌트(Component)란? 리액트는 화면에서 UI 요소를 구분할 때 '컴포넌트'라는 단위를 사용한다. 쉽게 말하면 리액트에서 앱을 이루는 가장 작은 조각이라고 할 수 있다. 컴포넌트는 새로운 컴포넌트를 생성할 수도 있고, MVC의 뷰를 독립적으로 구성하여 재사용할 수 있다. 리액트의 중요한 핵심인 '컴포넌트'에는 함수 컴포넌트, 클래스 컴포넌트 2가지가 있다. 컴포넌트 구성 요소property(props) : 부모 컴포넌트에서 자식 컴포넌트에 전달되는 데이터이다. 프로퍼티 값은 자식 컴포넌트에서 수정할 수 있다.state : 컴포넌트의 상태를 저장하고 수정 가능한 데이터이다.context : 부모 컴포넌트에서 생성하여 모든 자식 컴포넌트에게 전달하는 데이터이다.함수(Function) 컴포넌트 vs .. 이전 1 다음
