react (2) 썸네일형 리스트형 UseEffect()에 대해서 useEffect 함수는 리액트 컴포넌트가 렌더딩이 될때마다 특정작업을 실행 될수있게 하는 Hook이다. 기본적으로는 이런식으로 실행이 된다. 1. 컴포넌트가 마운트될때 (처음 사용될때? 처음 렌더링될때) 페이지가 렌더링 될때마다 컴포넌트를 한번만 실행 하고싶다면 deps위치에 빈 배열을 입력하면 된다. 배열을 생략하게되면 리 렌더링될때 실행이된다. 2.컴포넌트가 업데이트될때 #특정 props나 state값이 바뀔때 특정값이 업데이트될때 실행하고 싶을때는 deps 위치의 배열안에 검사하고싶은 값을 넣어준다. 업데이트될때 뿐만아니라 마운트가 될때마다 실행된다. 따라서 업데이트될때만 특정 함수를 실행하고싶다면 이런 식으로 조건문을 주어서 특정값만 실행을 시킬수도있다. 3.컴포넌트가 언마운트될때 (사라질때) .. Axios,Fetch 개념정리 Axios 란? 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리 특징 - 폭넓은 브라우저 호환성! - response 할때 json 형식으로 반환 - *XSRF 보호 가능 *XSRF란 => 사용자가 자신의 의지와는 무관하게 공격자가 의도한 행위(CRUD)를 특정 웹사이트에 요청하게 하는 공격 - 인터셉트 가능! - 라이브러리라서 모듈을 설치하고 사용가능하다! Fetch란? HTTP 요청 전송 기능을 제공하는 WEB API 특징 - HTTP response 객체를 래핑한 Promise 객체를반환해서 데이터 다루기 편하다 - 내장 라이브러리 이기때문에 업데이트 이슈방지 가능하다. - 인터셉터가 불가능 하다. - json형태로 반환하지않아 json형식으로 반환을.. 이전 1 다음
