Study46 14. HTTP 요청보내기: GET 요청 (feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. GET 요청 보내기 axios와 fetch 중 이 강의에서는 fetch를 사용한다. fetch는 기본적으로 get 메서드를 사용하기 때문에 method를 따로 get으로 사용하지 않아도 get으로 요청이된다. function App() { const [moveis, setMovies] = useState([]); //.. 2022. 6. 6. 12.2 useMemo(feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. useMemo useMemo를 사용하면 함수형 컴포넌트 내부에서 발생하는 데이터 값을 저장할 수 있다. 첫 번째 인자로 저장할 데이터, 두 번째는 의존성 배열이다. 아래의 코드는 App.js 코드의 일부분이고 배열을 listItems 상수에 할당하여 props로 보낸다. // App.js const listItems .. 2022. 6. 5. 12.1 useCallback (feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. useCallback 컴포넌트 실행 전반에 걸쳐 함수를 저장할 수 있게 하는 훅이다. 렌더링 성능을 최적화 할때 사용하는 훅 선택한 함수를 리액트 내부에 저장하고 선택한 함수 객체가 실행될 때마다 이를 재사용할 수 있게 한다. 첫 번째 인자는 반환할 콜백과 두 번째 인자로 의존성 배열을 갖는다. 리액트에서는 컴포넌트를.. 2022. 6. 5. 12. React.memo (feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. React.memo 최적화에 사용한다. props의 값이 바뀌지 않았는데 컴포넌트가 실행되는 경우에 사용한다. React.memo 는 인자로들어간 컴포넌트의 Props 과 이 컴포넌트의 자식의 컴포넌트 Props 모두를 확인하여 기억한 다음, 입력되는 최신의 Props 의 값과 비교하여 값이 바뀌었을 경우에만 컴포넌트.. 2022. 6. 4. 이전 1 2 3 4 5 6 7 8 ··· 12 다음
