목차 1. useEffect 2. 사용방법 3. 예제코드 1. useEffect useEffect는 컴포넌트가 생명주기에 따라 마운트, 업데이트, 언마운트 되었을 때 작업코드를 실행시키고 싶다면, useEffect를 이용하면된다. 2. 사용방법 아래의 useEffect는 화면이 렌더링 될 때마다 콜백함수가 실행된다. useEffect( ( ) => { 작업코드 }) 반면 아래의 useEffect는 두번째 인자의 값이 변경될 때마다 콜백함수가 실행된다. 빈 배열을 넣는다면 맨 처음만 렌더링된다. useEffect( ( ) => { 작업코드 }, [ value ]) 마지막으로 아래의 방식으로 작성하게되면, 컴포넌트가 언마운트될 때 return안의 코드가 실행된다. useEffect( ( ) => { 작업코드..

목차 1. useState 2. 사용방법 3. 예제코드 1. useState React에서 State란 Component가 가질 수 있는 상태를 의미한다. useState는 컴포넌트의 상태를 간편하게 사용할 수 있도록 도와주는 함수다. 2. 사용방법 const [ state, setState ] = useState( 초기값 ) useState를 호출하면 인자값으로는 초기값을 넣어준다. 맨 처음 state에는 초기값이 들어가있고 이후에 state를 변경하고 싶다면, setState를 변경할 수 있다. setState를 사용하게 되면 해당 컴포넌트는 화면에 다시 렌더링된다.(componentDIdupdate) 아래의 방법은 초기값으로 어떤 로직을 가진 함수를 호출해야될 때, 그 로직은 한번만 실행되야할 떄 ..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.