e:I[50313,["1345","static/chunks/1345-9cce9003361149c3.js","1252","static/chunks/1252-ebd18985bba615a5.js","6457","static/chunks/app/post/%5Bid%5D/page-f10e08b3d78367ee.js"],"default"] f:T742,$$config title: [리액트] 명언집 만들기 keywords: - 1회차 $$ # cdpn ```js console.clear(); import React, { useState, useEffect } from "https://cdn.skypack.dev/react"; import ReactDOM from "https://cdn.skypack.dev/react-dom"; function App() { const [no, setno] = useState(0); const [imgs, setimgs] = useState([]); const reloadList = async () => { const data = await fetch(`http://localhost:3000/says/${no}`); const json = await data.json(); setimgs(json); setno(json[0].id); }; useEffect(reloadList, []); const nextstr = async () => { const data = await fetch("http://localhost:3000/says/rand"); const json = await data.json(); setimgs(json); setno(json[0].id); }; const addgood = async () => { await fetch(`http://localhost:3000/says/g/${no}`, { method: "PATCH", headers: { "Content-Type": "application/json" } }); await reloadList(); }; const addhate = async () => { await fetch(`http://localhost:3000/says/h/${no}`, { method: "PATCH", headers: { "Content-Type": "application/json" } }); await reloadList(); }; return ( <>

현재 글 번호:{no}

{img?.id}번 / {img?.author} / {img?.str}/ 조회수: {img?.view}

); } ReactDOM.render(, document.getElementById("root")); `

현재 글 번호:{no} 더보기

현재 글 번호:{no}

게시글 상세