728x90 React3 axios promise async-await useEffect useReducer Hook react 화면에 바인딩(렌더링)되는 데이타 - props - state, 값이 변할 수 있다. proactive, 선제적 reactive, 즉각적으로 컴포넌트 라이프 사이클 1. 메모리 적재 2. 화면에 렌더링 3. 리렌더링 4. 메모리 해제 useEffect() Hook -> componetWillMount -> componetDidMount -> componetWillUnmount ==============================> import axios from "axios"; import { useEffect, useState } from "react"; function App() { const [todos, setTodos] = useState(null); useEffect(() => { axios.. 2022. 5. 21. 노션에서 작성한 글을 실시간으로 웹사이트에 연동하기 1. 노션에 작성 글을 오른쪽 상단의 공유를 눌러 웹에서 공유를 선택 합니다. -> 나온 url 의 마지막 내용을 아래 주소에 넣고 잘 나오는지 체크 https://notion-api.splitbee.io/v1/page/공유주소의 마지막 내용 2. react 에 react-notion 추가 https://github.com/splitbee/react-notion GitHub - splitbee/react-notion: A fast React renderer for Notion pages A fast React renderer for Notion pages . Contribute to splitbee/react-notion development by creating an account on GitHub. .. 2022. 5. 11. react project create error in aws Installing packages. This might take a couple of minutes. Installing react, react-dom, and react-scripts with cra-template... npm ERR! code ENOMEM npm ERR! syscall spawn npm ERR! errno -12 npm ERR! spawn ENOMEM npm ERR! A complete log of this run can be found in: npm ERR! /home/admin/.npm/_logs/2022-05-10T05_01_02_461Z-debug-0.log Aborting installation. npm install --no-audit --save --save-exact.. 2022. 5. 10. 이전 1 다음 728x90
