\ud504\ub860\ud2b8\uc5d4\ub4dc \ub2e8 \uac1c\ubc1c\uc5d0\uc11c \ubc25 \uba39\ub4ef \uc0ac\uc6a9\ud558\ub294 \ub370\uc774\ud130 \uc694\uccad \ucf54\ub4dc\uc785\ub2c8\ub2e4.<\/p>\n
\r\nimport { useState, useEffect } from \"react\"\r\n\r\nexport default function People() {\r\n const [ people, setPeople ] = useState([])\r\n \r\n useEffect(() => {\r\n fetch(\"https:\/\/jsonplaceholder.typicode.com\/users\")\r\n .then(response => response.json())\r\n .then(result => setPeople(result))\r\n }, [])\r\n\r\n return <div>\r\n <h2>People<\/h2>\r\n <ul>{ people.map((person, index) => <li key={person.id}>{person.name}<\/li>) }<\/ul>\r\n <\/div>\r\n}\r\n<\/pre>\n\uc704\uc758 \ucf54\ub4dc\ub3c4 \uc88b\uc9c0\ub9cc, \ub2e4\uc74c \ucf54\ub4dc\uac00 \ub354\uc6b1 \uc88b\uc2b5\ub2c8\ub2e4.<\/p>\n
\r\nimport { useState, useEffect } from \"react\"\r\n\r\nexport default function People() {\r\n const [ people, setPeople ] = useState([])\r\n \r\n useEffect(() => {\r\n const getPeople = async () => {\r\n const response = await fetch(\"https:\/\/jsonplaceholder.typicode.com\/users\")\r\n const result = await response.json()\r\n setPeople(result)\r\n }\r\n getPeople()\r\n }, [])\r\n\r\n return <div>\r\n <h2>People<\/h2>\r\n <ul>{ people.map((person, index) => <li key={person.id}>{person.name}<\/li>) }<\/ul>\r\n <\/div>\r\n}\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"Fetch \ucf54\ub4dc \ud328\ud134 \ud504\ub860\ud2b8\uc5d4\ub4dc \ub2e8 \uac1c\ubc1c\uc5d0\uc11c \ubc25 \uba39\ub4ef \uc0ac\uc6a9\ud558\ub294 \ub370\uc774\ud130 \uc694\uccad \ucf54\ub4dc\uc785\ub2c8\ub2e4. import { useState, useEffect } from “react” export default function People() { const [ people, setPeople ] = useState([]) useEffect(() => { fetch(“https:\/\/jsonplaceholder.typicode.com\/users”) .then(response => response.json()) .then(result => setPeople(result)) }, []) return <div> <h2>People<\/h2> <ul>{ people.map((person, index) => <li key={person.id}>{person.name}<\/li>) }<\/ul> <\/div> } … <\/p>\n