React (2) 썸네일형 리스트형 useEffect useEffect useEffect란? : 어떤 컴포넌트가 Mount(화면에 첫 렌더링), Update(다시 렌더링), Unmount(화면에서 사라질 때) 코드를 실행시킬 수 있다. useEffect는 (콜백함수, 배열)을 인자로 갖는다. : 콜백함수로 실행될 코드를 작성할 수 있다. : 배열은 dependency Array라고하며, 생략할 수 있다. : 배열이 생략되는 경우 Mount, Update, Unmount 상황 모두 코드가 실행된다. : 배열에 요소를 갖는 경우 Mount와 배열 요소의 값이 변할 때 코드가 실행된다. : useEffect ( ( ) => { 실행될 코드 } ) ; : useEffect ( ( ) => { 실행될 코드 } , [ dependency Array] ) ; impor.. useState useState state란? 컴포넌트의 상태를 말한다. fruits라는 state가 있다면 apple, banana, grape, orange 등을 가질 수 있다. javascript의 변수가 아닌 useState를 사용하는 이유 : react에서 컴포넌트 상태에 따라 UI를 다시 구성한다. 변수는 변경되어도 컴포넌트에 영향을 주지 않는다. 하지만 useState는 UI가 다시 렌더링 된다. 즉, 값이 변함에 따라 화면이 값을 참조하여 다시 그려지는 경우 useState를 사용할 수 있다. import { useState } from 'react' ; 로 사용을 알린다. useState 선언 const [ state, setState ] = useState(value); useState는 위와 같이 선.. 이전 1 다음