노마드코더3 [리액트] 노마드코더 영화 추천 앱(Movie App) 복습 초보자의 입장에서 적은 내용으로, 틀리거나 정확하지 않을 수 있습니다. [리액트] 노마드코더 영화 추천 앱(Movie App) 복습 공부 기간: 22/03/31 ~ 22/04/01 1. App.js import { BrowserRouter as Router, Route, Routes } from "react-router-dom"; import "./App.css"; import Detail from "./routes/Detail"; import Home from "./routes/Home"; export default function App() { return ( ); } 2. movie.js import { Link } from "react-router-dom"; export default functi.. 2022. 4. 1. [리액트] 노마드코더 투두리스트(Todo list) 복습 초보자의 입장에서 적은 내용으로, 틀리거나 정확하지 않을 수 있습니다. [리액트] 노마드코더 투두리스트(Todo list) 복습 공부 기간: 22/03/31 결과 import { useState } from "react"; export default function App() { const [todo, setTodo] = useState(""); const [todos, setTodos] = useState([]); // [] 리스트임을 표기하는 것 뿐임. 어차피 () 안에 통째로 todos가 되는거라 list를 받으면 알아서 todos에 리스트 전달됨. const onChange = (event) => { setTodo(event.target.value); }; const onSubmit = (even.. 2022. 3. 31. [리액트] 노마드코더 코인트래커(Coin Tracker) 복습 초보자의 입장에서 적은 내용으로, 틀리거나 정확하지 않을 수 있습니다. [리액트] 노마드코더 코인트래커(Coin Tracker) 복습 공부 기간 : 22/03/30 import { useState, useEffect } from "react"; function App() { const [loading, setLoading] = useState(true); const [data, setData] = useState([]); const [price, setPrice] = useState(); const [money, setMoney] = useState(""); useEffect(() => { fetch("https://api.coinpaprika.com/v1/tickers") .then((response).. 2022. 3. 31. 이전 1 다음
