2024/09/09 2

Axios와 useEffect를 사용하여 데이터 가져오기

📢 Axios👉🏻 Axios는 HTTP 요청을 쉽게 처리할 수 있는 외장 라이브러리(별도 설치 필요)      - Ajax는 js 내장 라이브러리url: 요청 주소method: HTTP 메서드 (get, post, put, delete)response: 응답 객체request: 요청 객체👉🏻 Axios 사용법axios.get(url [, config])axios.post(url [, config] [, data])axios.put(url [, config] [, data])axios.delete(url [, config])📢 useEffect()👉🏻 React의 hook으로, 컴포넌트가 렌더링 될 때나 업데이트 될 때 실행됩니다. 👉🏻 사용법      - useEffect((functi..

TODO LIST 만들기 및 useMemo() 개념

📢 useMemo()👉🏻 리액트에서 컴포넌트 성능을 최적화 하는데 사용되는 훅(Hook).👉🏻 memo => memoization의 약자로, "메모리에 저장하다"라는 의미.👉🏻 동일한 계산을 반복해야 할 때, 이전의 값을 메모리에 저장함으로써 반복수행을 제거하여 프로그램 실행 속도를 빠르게 해주는 기술👉🏻 컴포넌트 렌더링    - 함수형 컴포넌트가 렌더링 => 컴포넌트 함수 호출 => 모든 내부 변수 초기화 👉🏻 useMemo 호출:     - useMemo 렌더링 => 함수 호출 => memoize된 함수를 재사용 📢 Todo List 만들기! 👉🏻 지금까지 배운 것들 활용해서 todoList 만들기👉🏻 input창에 button 생성👉🏻 input 값을 입력하고 버튼을..