Javascript2 [React] Async / Await 비동기 코드를 수행하기 위한 방법 .then으로 계속 연결되는 ‘콜백지옥’을 해결하기 위한 구문 작성 방법 async + 함수 / await+ 결과 const [loading, setLoading] = useState(true); const [movies, setMovies] = useState([]); const getMovies = async () => { const json = await ( await fetch( `https://yts.mx/api/v2/list_movies.json?minimum_rating=9&sort_by=year` ) ).json(); setMovies(json.data.movies); setLoading(false); 2022. 2. 7. Javascript / JSX란? JSX란? 얼핏보면 HTML과 비슷한 형태의 자바스크립트 문법이다. REACT에서 사용하는 문법 import ReactDOM from 'react-dom'; ReactDOM.render(안녕하세요!, document.getElementById('root')); JSX 특징 HTML과 다른 속성명 1. 속성은 camelCase로 작성할 것 JSX 문법에서 여러 단어가 조합된 속성들을 정의할 땐 반드시 카멜 케이스(Camel Case)로 작성해야 한다. 예) onclick, onblur, onfocus, tabindex -> onClick, onBlur, onFocus, tabIndex import ReactDOM from 'react-dom'; ReactDOM.render( 클릭!, document.get.. 2022. 1. 16. 이전 1 다음