Posts
Q&A
์ค๋ฅ ์ง๋ฌธ
ํน์ ๋ชฐ๋ผ์ ์ด๋ฏธ์ง ๋ง๊ณ ์ฝ๋ ์์ฒด๋ ๋จ๊ฒผ์ต๋๋ค.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`.at inputat format sectionat divat InnerLayoutRouter (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/layout-router.js:246:11)at RedirectErrorBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/redirect-boundary.js:73:9)at RedirectBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/redirect-boundary.js:81:11)at NotFoundBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/not-found-boundary.js:84:11)at LoadingBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/layout-router.js:350:11)at ErrorBoundaryHandler (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/error-boundary.js:112:9)at ErrorBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/error-boundary.js:158:11)at InnerScrollAndFocusHandler (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/layout-router.js:157:9)at ScrollAndFocusHandler (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/layout-router.js:232:11)at RenderFromTemplateContext (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/render-from-template-context.js:16:44)at Lazyat OuterLayoutRouter (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/layout-router.js:370:11)at Lazyat InnerLayoutRouter (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/layout-router.js:246:11)at RedirectErrorBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/redirect-boundary.js:73:9)at RedirectBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/redirect-boundary.js:81:11)at NotFoundBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/not-found-boundary.js:84:11)at LoadingBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/layout-router.js:350:11)at ErrorBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/error-boundary.js:158:11)at InnerScrollAndFocusHandler (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/layout-router.js:157:9)at ScrollAndFocusHandler (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/layout-router.js:232:11)at RenderFromTemplateContext (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/render-from-template-context.js:16:44)at Lazyat OuterLayoutRouter (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/layout-router.js:370:11)at Lazyat InnerLayoutRouter (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/layout-router.js:246:11)at RedirectErrorBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/redirect-boundary.js:73:9)at RedirectBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/redirect-boundary.js:81:11)at NotFoundErrorBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/not-found-boundary.js:76:9)at NotFoundBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/not-found-boundary.js:84:11)at LoadingBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/layout-router.js:350:11)at ErrorBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/error-boundary.js:158:11)at InnerScrollAndFocusHandler (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/layout-router.js:157:9)at ScrollAndFocusHandler (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/layout-router.js:232:11)at RenderFromTemplateContext (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/render-from-template-context.js:16:44)at Lazyat OuterLayoutRouter (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/layout-router.js:370:11)at Lazyat mainat divat bodyat htmlat RedirectErrorBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/redirect-boundary.js:73:9)at RedirectBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/redirect-boundary.js:81:11)at ReactDevOverlay (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/react-dev-overlay/app/ReactDevOverlay.js:87:9)at HotReload (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/react-dev-overlay/app/hot-reloader-client.js:322:11)at Router (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/app-router.js:202:11)at ErrorBoundaryHandler (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/error-boundary.js:112:9)at ErrorBoundary (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/error-boundary.js:158:11)at AppRouter (webpack-internal:///(ssr)/./node_modules/next/dist/client/components/app-router.js:573:13)at Lazyat r3 (/Users/gim-yeongjin/Downloads/Personal/Study/OnlineClasses/Web/LeeJungHwan/onebite-next/section07/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:39:20108)at ServerInsertedHTMLProvider (/Users/gim-yeongjin/Downloads/Personal/Study/OnlineClasses/Web/LeeJungHwan/onebite-next/section07/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:39:25931)
- 0
- 3
- 288
Q&A
Ball.tsx ํ์ดํ
๋น ๋ฅธ ๋ต๋ณ ๊ฐ์ฌํฉ๋๋ค.. ๊ทธ๋ฆฌ๊ณ ์ ๋ก์ด๋ ์ถ๊ฐ์ ์ผ๋ก ์ฌ์ญ์ด๋ณด๊ณ ์ถ์๊ฒ ์๋๋ฐ์.. ์ ๊ฐ ๋ฌด๋ฃ๊ฐ์๋ฅผ ๋๊น์ง ๋ฃ๊ณ ์ค์ง ๋ชปํด์ ํ์ฌ ๊ฐ์ ๊น์ง๋ hook๋ useState๋ useCallback, useRef๊ฐ์๊ฒ๋ค์ ์๊ณ ์์ด์ ์ดํดํ๋๋ฐ ํฐ ์ด๋ ค์์ด ์์๋๋ฐ์.. useReducer๋ถ๋ถ ๋ถํฐ๋ ์์ ์ฒ์ ๋ฃ๋ ๋ด์ฉ์ด๋ผ, ๋ฆฌ์กํธ ๋ฌด๋ฃ๊ฐ์ ๋ฃ๊ณ ๋ค์ ์ค๋๊ฒ ๋ง์๊น์? ์๋๋ฉด ๊ทธ๋ฅ ์งํํด๋ ๋ฌด๋ฆฌ๊ฐ ์์๊น์? ํฌ๊ฒ ์๊ด์๋ค๋ฉด ๋ฆฌ์กํธ ๊ณต์๋ฌธ์ ์ฐพ์๊ฐ๋ฉด์ ๊ฐ์๋ฅผ ๋ค์ผ๋ ค๊ณ ํฉ๋๋ค.. (์๋๋ฉด ๋ฆฌ์กํธ ๊ฐ์๋ ์ด ๊ฐ์ ๋ณํํด์ ๋ฃ๋ ๋ฐฉ๋ฒ๋ ๊ด์ฐฎ์๊น์?)
- 0
- 2
- 301
Q&A
์๋ ํ์ธ์ ์ ๋ก์ด๋ 3:25์ด๊ฒฝ์ ํด๋นํ๋ ์ฃผ์์ ๋ค์ด๊ฐ์ css ํ์ผ๋ก ๋ง๋ค์ด์ html์ ์ฐ๊ฒฐํ๋๋ฐ cssํ์ผ์์ ์ค๋ฅ๊ฐ ๋ฐ์ํ์ต๋๋ค.
์ค๋๊ธฐ์ค์ผ๋ก ์ต์ ํด์ฌ ์ ์ฉํ ์ ์ฒด ์์ค์ฝ๋ ์ ๋๋ค. html> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> meta http-equiv="X-UA-Compatible" content="ie=edge"> title>์ฌ๋ฆฌ์กtitle> style> html, body { margin: 0; padding: 0; overflow: initial !important; } body { font-size: 15px; line-height: 1.46668; font-weight: 400; font-variant-ligatures: common-ligatures; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } * { box-sizing: border-box; } style> link rel="stylesheet" href="https://a.slack-edge.com/bv1-9/client-boot-styles.62c1ab0.css?cacheKey=gantry-1613184053" crossorigin="anonymous" /> link rel="shortcut icon" href="https://a.slack-edge.com/cebaa/img/ico/favicon.ico" /> link href="https://a.slack-edge.com/bv1-9/slack-icons-v2-16ca3a7.woff2" rel="preload" as="font" crossorigin="anonymous" /> head> body> div id="app">div> script src="/dist/app.js">script> body> html>
- 0
- 7
- 1.2K
Q&A
์๋ ํ์ธ์ ์ ๋ก์ด๋ 3:25์ด๊ฒฝ์ ํด๋นํ๋ ์ฃผ์์ ๋ค์ด๊ฐ์ css ํ์ผ๋ก ๋ง๋ค์ด์ html์ ์ฐ๊ฒฐํ๋๋ฐ cssํ์ผ์์ ์ค๋ฅ๊ฐ ๋ฐ์ํ์ต๋๋ค.
์ค๋ ๊ธฐ์ค์ผ๋ก ์ฌ๋์์๋ ์ต์ ํด์ฌ๊ฐ 62c1ab0 ์ด์ฌ์ ์ ์ฉํด๋ดค๋๋ฐ ์๋ฉ๋๋ค.
- 0
- 7
- 1.2K
Q&A
์๋ ํ์ธ์ ์ ๋ก์ด๋ 3:25์ด๊ฒฝ์ ํด๋นํ๋ ์ฃผ์์ ๋ค์ด๊ฐ์ css ํ์ผ๋ก ๋ง๋ค์ด์ html์ ์ฐ๊ฒฐํ๋๋ฐ cssํ์ผ์์ ์ค๋ฅ๊ฐ ๋ฐ์ํ์ต๋๋ค.
๊ทธ๋ฆฌ๊ณ ์์ css ์์ ๋ฐ์ํ ์ค๋ฅ๋ "์ฑ๋ฅ์์ ์ด์ ๋ก ๊ธด ์ค์ ๊ฒฝ์ฐ ํ ํฐํ๋ฅผ ๊ฑด๋๋๋๋ค. ์ด ํญ๋ชฉ์ 'editor.maxTokenizationLineLength'๋ฅผ ํตํด ๊ตฌ์ฑํ ์ ์์ต๋๋ค." ( expected css(css-lparentexpected) ๋ผ๊ณ ๋์์์ต๋๋ค
- 0
- 7
- 1.2K
Q&A
์๋ ํ์ธ์ ์ ๋ก์ด๋ 3:25์ด๊ฒฝ์ ํด๋นํ๋ ์ฃผ์์ ๋ค์ด๊ฐ์ css ํ์ผ๋ก ๋ง๋ค์ด์ html์ ์ฐ๊ฒฐํ๋๋ฐ cssํ์ผ์์ ์ค๋ฅ๊ฐ ๋ฐ์ํ์ต๋๋ค.
ํ์ฌ ์์ ์ค๋ฅ๋ ์์ ๋ ์ํ์ด์ง๋ง, ๋๊ฐ์ด ์์ด์ฝ์ ๊ณ์ ๋์ค์ง ์๋ค์.. ๊ฐ์์์ ๋ง์ํด์ฃผ์ ๋๋ก ์ฌ๋์๊ฐ์ ์์ด์ฝ์ ์๋ ์ฝ๋ ์ ์ฉํด๋ด๋ ๋์ผํฉ๋๋ค..
- 0
- 7
- 1.2K
Q&A
์๋ ํ์ธ์ ์ ๋ก์ด๋ 3:25์ด๊ฒฝ์ ํด๋นํ๋ ์ฃผ์์ ๋ค์ด๊ฐ์ css ํ์ผ๋ก ๋ง๋ค์ด์ html์ ์ฐ๊ฒฐํ๋๋ฐ cssํ์ผ์์ ์ค๋ฅ๊ฐ ๋ฐ์ํ์ต๋๋ค.
css ํ์ผ์ ๋ฐ๋ก ๋ง๋ค์ด์ ์ ์ฉํ์๋๋ฐ ์ค๋ฅ๊ฐ ๋์ ์ง์ ์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ ๋ก์ด๋์ด ์ฃผ์ ๋งํฌ์ ๋ค์ด๊ฐ์ ํค๋๋ถ๋ถ์ ์๋ ์ ๋งํฌ๋ค ์ ์ฉํ์ต๋๋ค.
- 0
- 7
- 1.2K
Q&A
์๋ ํ์ธ์ ์ ๋ก์ด๋ 3:25์ด๊ฒฝ์ ํด๋นํ๋ ์ฃผ์์ ๋ค์ด๊ฐ์ css ํ์ผ๋ก ๋ง๋ค์ด์ html์ ์ฐ๊ฒฐํ๋๋ฐ cssํ์ผ์์ ์ค๋ฅ๊ฐ ๋ฐ์ํ์ต๋๋ค.
์์์ ์๋ ค์ฃผ์ ๋งํฌ์ ์๋ link rel="stylesheet" href="https://a.slack-edge.com/bv1-9/client-boot-styles.293c5a4.css?cacheKey=gantry-1613184053" crossorigin="anonymous" /> link href="https://a.slack-edge.com/bv1-9/slack-icons-v2-16ca3a7.woff2" rel="preload" as="font" crossorigin="anonymous" />
- 0
- 7
- 1.2K
Q&A
์๋ ํ์ธ์ ์ ๋ก์ด๋ ๋ค์ด๋ ํธ ๋ฉ์ธ์ง์์ ์์ด์ฝ์ด ๋จ์ง ์์ ๋ฌธ์๋๋ฆฝ๋๋ค.
์๋ ํ์ธ์ ์ ๋ก์ด๋ ํ์๊ฐ์ ํ์ด์ง ๋ง๋ค๊ธฐ 3:00๊ฒฝ์ ์๋ ค์ฃผ์๋ ๋ฐฉ๋ฒ๋๋ก ์ฌ๋ ํํ์ด์ง์ ๋ค์ด๊ฐ์ ์ต์ ์ฝ๋์ ๋ง๊ฒ ์์ ์ฝ๋๋ ๋ณ๊ฒฝ์ ํ์ต๋๋ค๋ง ๋ณ๊ฒฝ์ ํด๋ ๋ง์ฐฌ๊ฐ์ง๋ก ์์ด์ฝ์ด ๋จ์ง์๊ณ , ์ฑํ ๋ฐ์ค๋ ๋จ์ง ์์ต๋๋ค..
- 0
- 3
- 247
Q&A
์ฑ๋ ์์ฑ์ ๊ฐ๋ฐ์๋๊ตฌ์์
๊ทธ๋ฆฌ๊ณ ๋ธ๋ผ์ฐ์ ์ฃผ์์ฐฝ์ ๋ค์๊ณผ ๊ฐ์ด ๋ํ๋ฉ๋๋ค. http://localhost:3090/workspace/sleact/channel/์ผ๋ฐ
- 0
- 11
- 730




