본문 바로가기

강의 정리55

[리액트] 노마드코더 투두리스트(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.
[리액트] 노마드코더 거리변환기(Km to Miles) 복습 초보자의 입장에서 적은 내용으로, 틀리거나 정확하지 않을 수 있습니다. [리액트] 노마드코더 거리변환기(Km to Miles) 복습 공부 기간 : 22/03/30 import { useState } from "react"; import "./App.css"; function Km_to_miles() { const [number, setNumber] = useState(""); const [inverted, setInverted] = useState(false); function onChange(event) { setNumber(event.target.value); } const onSubmit = function (event) { event.preventDefault(); }; const onClick .. 2022. 3. 30.