개발일지 13일차

리액트 찍어먹기

리액트 useState

useState 선언

function App(){
  let [name, setName] = useState('park')
}

- setName을 사용하면 name이라는 state를 자유롭게 변경가능하다.

- ex) setName('lee') = useState('lee')로 변경

- setName 같은 state 변경함수 들은 비동기적으로 처리됨. (setName()이 오래걸리면 다른 코드부터 실행)

리액트 이펙트(useEffect)

• 컴포넌트가 렌더링 될 떄 특정 작업을 실행할 수 있도록 하는 hook
• 배열의 형태로, 특정한 값이 변경될 때 effect함수를 실행 하고 싶을 경우 배열 안에 그 값을 넣어준다.
• 빈 배열을 입력할 경우 컴포넌트가 mount 될 때에만 실행 된다.
• 대괄호 안에 state를 넣으면 state가 변경되면 코드를 실행한다는 뜻이다.

리액트 이펙트(useEffect)선언

import react, { useEffect } from "react";

useEffect(함수, [, 배열]);

useEffect((함수) => {
}, [배열])

여전히 리액트 컴포넌트 props,state,effect에 대해 잘 이해가 가지는 않지만, 계속 반복적으로 코드를 쳐보며 익숙해지고,

이해해봐야겠다.