yjym33

혹시 몰라서 이미지 말고 코드 자체도 남겼습니다. 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/<a target="_blank" rel="noopener noreferrer nofollow" href="http://app-page.runtime.dev">app-page.runtime.dev</a>.js:39:20108)at ServerInsertedHTMLProvider (/Users/gim-yeongjin/Downloads/Personal/Study/OnlineClasses/Web/LeeJungHwan/onebite-next/section07/node_modules/next/dist/compiled/next-server/<a target="_blank" rel="noopener noreferrer nofollow" href="http://app-page.runtime.dev">app-page.runtime.dev</a>.js:39:25931)&nbsp;

오류 질문

중급 강의 -> 초급강의 (선택공부)

빠른 답변 감사합니다..&nbsp;
그리고 제로초님 추가적으로 여쭈어보고 싶은게 있는데요.. 제가 무료강의를 끝까지 듣고 오지 못해서 현재 강의 까지는 hook도 useState나 useCallback, useRef같은것들은 알고 있어서 이해하는데 큰 어려움이 없었는데요.. useReducer부분 부터는 아예 &nbsp;처음 듣는 내용이라, 리액트 무료강의 듣고 다시 오는게 맞을까요? 아니면 그냥 진행해도 무리가 없을까요? 크게 상관없다면 리액트 공식문서 찾아가면서 강의를 들으려고 합니다.. (아니면 리액트 강의랑 이 강의 병행해서 듣는 방법도 괜찮을까요?)

Ball.tsx 타이핑

오늘기준으로 최신 해쉬 적용한 전체 소스코드 입니다.
<div style="color: #8f93a2; background-color: #0f111a; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><html></div>
<div>&nbsp; <head></div>
<div>&nbsp; &nbsp; <meta charset="UTF-8"></div>
<div>&nbsp; &nbsp; <meta name="viewport"</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"></div>
<div>&nbsp; &nbsp; <meta http-equiv="X-UA-Compatible" content="ie=edge"></div>
<div>&nbsp; &nbsp; <title>슬리액</title></div>
<div>&nbsp; &nbsp; <style></div>
<div>&nbsp; &nbsp; &nbsp; html, body {</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 0;</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 0;</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; overflow: initial !important;</div>
<div>&nbsp; &nbsp; &nbsp; }</div>
<div>&nbsp; &nbsp; &nbsp; body {</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 15px;</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; line-height: 1.46668;</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-weight: 400;</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-variant-ligatures: common-ligatures;</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; -moz-osx-font-smoothing: grayscale;</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; -webkit-font-smoothing: antialiased;</div>
<div>&nbsp; &nbsp; &nbsp; }</div>
<div>&nbsp; &nbsp; &nbsp; * {</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-sizing: border-box;</div>
<div>&nbsp; &nbsp; &nbsp; }</div>
<div>&nbsp; &nbsp; </style></div>
<div>&nbsp; &nbsp; <link rel="stylesheet" href="https://a.slack-edge.com/bv1-9/client-boot-styles.62c1ab0.css?cacheKey=gantry-1613184053" crossorigin="anonymous" /></div>
<div>&nbsp; &nbsp; <link rel="shortcut icon" href="https://a.slack-edge.com/cebaa/img/ico/favicon.ico" /></div>
<div>&nbsp; &nbsp; <link href="https://a.slack-edge.com/bv1-9/slack-icons-v2-16ca3a7.woff2" rel="preload" as="font" crossorigin="anonymous" /></div>
<div>&nbsp; </head></div>
<div>&nbsp; <body></div>
<div>&nbsp; &nbsp; <div id="app"></div></div>
<div>&nbsp; &nbsp; <script src="/dist/app.js"></script></div>
<div>&nbsp; </body></div>
<div></html></div>
</div>

안녕하세요 제로초님 3:25초경에 해당하는 주소에 들어가서 css 파일로 만들어서 html에 연결했는데  css파일에서 오류가 발생했습니다.

오늘 기준으로 슬랙에있는 최신 해쉬가 62c1ab0 이여서 적용해봤는데 안됩니다.

그리고 위의 css 에서 발생한 오류는
"성능상의 이유로 긴 줄의 경우 토큰화를 건너뜁니다. 이 항목은 'editor.maxTokenizationLineLength'를 통해 구성할 수 있습니다."
(&nbsp; expected css(css-lparentexpected)
라고 나와있습니다

현재 위의 오류는 수정된 상태이지만, 똑같이 아이콘은 계속 나오지 않네요..
강의에서 말씀해주신대로 슬랙에가서 아이콘에 있는 코드 적용해봐도 동일합니다..

css 파일을 따로 만들어서 적용했었는데 오류가 나서 지웠습니다. 그리고 제로초님이 주신 링크에 들어가서 헤더부분에 있는 위 링크들 적용했습니다.

위에서 알려주신 링크에 있는&nbsp;
<div style="color: #8f93a2; background-color: #0f111a; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">&nbsp;<link rel="stylesheet" href="https://a.slack-edge.com/bv1-9/client-boot-styles.293c5a4.css?cacheKey=gantry-1613184053" crossorigin="anonymous" /></div>
<div style="color: #8f93a2; background-color: #0f111a; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">&nbsp;</div>
<div style="color: #8f93a2; background-color: #0f111a; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div style="line-height: 19px;">&nbsp;<link href="https://a.slack-edge.com/bv1-9/slack-icons-v2-16ca3a7.woff2" rel="preload" as="font" crossorigin="anonymous" /></div>
<div style="line-height: 19px;">&nbsp;</div>
</div>

안녕하세요 제로초님 회원가입페이지 만들기 3:00경에 알려주시는 방법대로 슬랙 홈페이지에 들어가서 최신코드에 맞게 안에 코드도 변경을 했습니다만 변경을 해도 마찬가지로 아이콘이 뜨지않고, 채팅 박스도 뜨지 않습니다..

yjym33

Posts