개발자 꿈나무 블로그

App.js import { Container, List, Paper } from "@mui/material"; import { useState } from "react"; import Todo from "./Todo"; import AddTodo from "./AddTodo"; function ItmeListComp({items}) { return ( { items.map((item)=>()) } ); } function App() { const [items, setItems] = useState([ {id:"0", title:"Hello World 1", done:true}, {id:"1", title:"Hello World 2", done:false}, {id:"2", title:"Hello Wor..

App.js import './App.css' import { useState } from 'react'; import MovieInput from './MovieInput' import MovieSearch from './MovieSearch' import MovieList from './MovieList'; function App() { const today = new Date().toISOString().substring(0,10); const [movieList, setMovieList] = useState([ {no: 1, movieTitle: "록키", openDate:"1982-01-15", rating: 5}, {no: 2, movieTitle: "터미네이터", openDate:"1984-..

import logo from './logo.svg'; import './App.css'; import React from 'react'; import TodoList from './TodoList' import { useState } from 'react'; // 1. 클래스형 컴포넌트 // 2. 함수형 컴포넌트 // 3. 외부 파일에 컴포넌트 선언 function TodoList2(props){ const [todoList, setTodoList] = useState([ '첫 번째 할일', '두 번째 할일', '세 번째 할일' ]); const [work, setWork] = useState(""); return( {props.title} 할 일 : { setWork(e.currentTarget.va..

App.js import logo from './logo.svg'; import './App.css'; import React from 'react'; import TodoList from './TodoList' function App() { return ( Hello Comstudy21 ); } export default App; TodoList.js import logo from './logo.svg'; import './App.css'; import React from 'react'; // 1. 클래스형 컴포넌트 // 2. 함수형 컴포넌트 // 3. 외부 파일에 컴포넌트 선언 class TodoList extends React.Component{ constructor(props){ console.l..

Document