230629

useEffect

useQuery

데이터 요청 먼저 보내고 데이터가 undefined 상태일때 데이터 제외 화면 먼저 렌더링하고, 이후 데이터를 받아오면 리렌더링

useEffect

화면이 다 렌더링된 후 useEffect 안의 요청이 보내짐

 

=> 요청 들어가는 시점이 useQuery보다 useEffect가 느리다

 

그렇다면, restApi에는 useQuery 같은게 없나?

그래서 요즘 많이 쓰이는 게 ReactQuery

-ReactQuery : rest + graphql
-ApolloClient : graphql

---

useEffect(() => {
console.log("그려지고 나서 실행")
}, [count])

위 코드는 그려지고 나서 실행 + 카운트 변경될때마다 실행

useEffect(() => {
console.log("그려지고 나서 실행")
}, [])

위 코드는 그려지고 나서 실행

---

배열 안에 여러 요소 들어올 수 있음

useEffect(() => {
console.log("그려지고 나서 실행")
}, [writer, title, contents])

 

CORS

cors 정책의 이유는  브라우저를 보호하기 위해서임

예를 들어, 다은 브라우저에서 다음 백엔드에 게시글삭제 요청(daum.net) 시,
엔드포인트가 같아서 로그인 증표도 같이 들어감

만약에 게시글 등록 요청을 하면 이상한 글이 올라갈 수 있음

 

다음 백엔드에서 CORS: ["daum.net"] 설정하면
브라우저에서 다은은 CORS 정책에 어긋나서 브라우저에서 막아버림

백엔드 우회[proxy server], 모바일앱에서 하는 건 상관없음 (모바일 브라우저는 안됨)

 

map vs forEach

map 과 forEach의 차이? return을 하느냐, 안하느냐!