sodol-dotcom

1. 오류 메시지hook.js:608 Warning: You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`. Error Component Stack at input () at section () at div () at Editor (Editor.jsx:46:29) at div () at New (New.jsx:7:15) at RenderedRoute (..

1. 오류 메시지sodol@macpro section2 % node dist/index.js(node:61269) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.(Use `node --trace-warnings ...` to show where the warning was created)/Users/sodol/frontend/TypeScript/onebite-typescript/section2/dist/index.js:2export {};^^^^^^SyntaxError: Unexpected token 'export' at wrapSafe (node:internal/modu..

step 1. 문제 코드코드를 접하게 된 과정비동기 데이터 처리를 연습하는 과정에서 async / await의 사용법을 익히기 위해 작성한 코드이다.fetch API를 사용하여 외부 데이터(여기서는 jsonplaceholder의 post)를 불러오는 간단한 예제이다.import { useState } from "react";import { useEffect } from "react";const App = () => { const [post, setPost] = useState(null); useEffect(() => { const fetchPost = async () => { try { const response = await fetch( "https://j..

step 1. 문제 코드import { useState, useEffect } from "react";const App = () => { useEffect(() => { fetch("https://jsonplaceholder.typicode.com/posts/1") .then((response) => response.json()) .then((json) => console.log(json)); }, []); return {/* {message} */};};export default App;  step 2. 코드 설명(1) 기능 개요이 코드는 컴포넌트가 화면에 나타날 때 useEffect 에 의해 비동기적으로 데이터를 가져온다. fetch 함수를 사용해서 URL에서 데이터를 요..