Studying Coding Studying Coding

https://blog.woolta.com/categories/1/posts/209 react의 새로운 상태관리 라이브러리 recoil 에 대해 알아보기 - atom, selector woolta 블로그 ver2.0 기술 개발 블로그 blog.woolta.com 위의 블로그에서 확인한 정보를 정리한 내용입니다. react 자체 라이브러리 - recoil 은 기존의 redux, mobx 와 달리 react를 지원하는 전용 상태관리 이기 때문에 react 내부에 대한 접근이 가능 recoil 사용을 위한 세팅 - import React from 'react'; import ReactDOM from 'react-dom'; import { RecoilRoot } from 'recoil'; // recoil 추가..

import {useEffect, useState} from 'react'; export default finction Coin(){ const [loading, setLoading] = useState(true); const [coins, setCoins] =useState([]); useEffect(()=>{ fetch("https://api.coinpaprika.com/v1/tickers") .then((response) => response.json()) .then((json)=>{ setCoins(json); setLoading(false); }); },[]); return ( {loading? '' : `(${coins.length})`} {loading? ( Laoding... : ( {co..

...은 array에 있는 모든 요소들을 불러오는 것을 의미한다. 예를 들어 a=[1,2,3] b= [0, ...a] =[0,1,2,3]

const nav = ( website pricingcontactabout ) ReactDOM.render( nav, document.getElementById('root') )​ const page = ( this is JSX THIS IS PARA ) ReactDOM.render( page, document.getElementById('root') )