기존 DOM은 한 구석을 바꾸려면 화면 전체를 다시 불러와야 했지만 리액트/뷰는 가상 돔으로 바꾸고자 하는 부분만 건드릴 수 있다.
가상 돔은 2개가 있는데, 바뀌기 전 / 후로 나뉘어진다.
라이프사이클: 생명주기. 한 컴포넌트가 나타나고 사라지기까지의 과정
useEffect(() => { }, [ ]) :: {컴포넌트가 처음 실행됐을 때 이러한 것을 실행시켜주세요}
useEffect(() => {
action
}, [ value1, value2 ]) :: value 변수가 변할 때 useEffect의 action함수를 실행해 주세요
useEffect(() => {
return ( )
}, [ value1, value2 ]) :: 컴포넌트가 닫혔을 때 return 안에 있는 것을 실행해 주세요
useEffect: 컴포넌트의 생명주기에 따라 함수를 실행하는 것(열렸을 때 동작할 때 닫혔을 때 어떠한 동작을 시키는 것)
전역상태관리(필요할 때마다 불러다 씀)가 아닌 이상 본인의 컴포넌트 안에서만 실행됨
데이터(props)를 다른 컴포넌트에서 타 컴포넌트로 보내줄 때의 불편함을 해소하기 위해서 전역상태관리를 씀
보통 유저의 정보를 가지고 있음 보통 세션에 유저 정보를 담는데 리액트는 전역 컴포넌트에 넣음
그리고 api를 넣는 것도 하나의 훅으로 만들어놓고 다른 폴더에 불러오게끔 함 -> 재사용을 하기 위해서
