React - 자동 입력

console.clear();

import React, { useState } from "https://cdn.skypack.dev/react@18";
import ReactDOM from "https://cdn.skypack.dev/react-dom@18";

const App = () => {
	const [todos, setTodos] = useState([]);
	
	//setTimeout : App이 랜더링 된 후 5초 뒤에 이 코드를 한 번 실행
	setTimeout(function(){
		setTodos([...todos,todos.length + 1]);
	},5000); //5초
	
	return (
		<>
			<div></div>
			<hr />
			<div>
				{JSON.stringify(todos)}
				
			</div>
		</>
	);
};

ReactDOM.render(<App />, document.getElementById("root"));

• todos라는 빈 배열을 만들고
• setTodos로 todos를 복사해서 안에 todos.length + 1한 값을 채워줌
• setTimeout -> App이 랜더링하고 입력한 초가 지나고 실행 시켜주는 애 (시간 지연을 시켜주는거)
• setInterval -> 입력한 초마다 반복 실행 시켜주는 애