odada

리액트 기본기능 첫 컴포넌트 만들기 App.js 파일에 Header, Body, Footer 컴포넌트를 만들어보자. import React from 'react' const Header = () => { return ( Header ) } const Body = () => { return ( Body ) } const Footer = () => { return ( Footer ) } function App() { return ( ) } export default App 컴포넌트 분리하기 Header, Body, Footer 컴포넌트를 따로 파일로 분리해보자. // Header.js import React from 'react' const Header = () => { retu..

3. Promise로 비동기 처리하기Promise는 비동기 처리를 위한 객체로, 프로미스를 이용하면 콜백 함수를 사용하지 않고도 더 쉽게 비동기 처리를 할 수 있다.프로미스는 세 가지 상태를 가진다.대기(pending) : 비동기 처리가 아직 수행되지 않은 상태이행(fulfilled) : 비동기 처리가 성공적으로 수행된 상태거부(rejected) : 비동기 처리가 실패한 상태프로미스를 사용하여 비동기 처리를 하려면, new Promise()를 사용하여 프로미스 객체를 생성하고, resolve와 reject를 사용하여 프로미스의 상태를 변경한다.- 프로미스 객체 생성Vanilla JavaScript// 프로미스 객체 생성// new Promise((resolve, reject) => {...})를 통해 새..