siwon33767492

아 위 사진은 제가 network 를 잘못본거같습니다.
1.3MB 올리니 size 1.3MB 뜨긴하네요. 근데 limits 1MB 로 해뒀는데 왜 올라가는지 모르겠네요 ㅠㅠ
<img src="https://cdn.inflearn.com/public/comments/a209eaed-31b0-43ba-88cb-556ac529fb87/blob" alt="" />

multer 용량제한

<pre class="language-jsx" style="box-sizing: inherit; background: #1d1f21; color: #f8f8f2; overflow: auto; padding: 1.5rem; margin-top: 1.5rem; margin-bottom: 1.5rem; border-radius: 3px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; direction: ltr; word-break: normal; line-height: 1.5; tab-size: 4; hyphens: none; font-size: 16px;"><code class="language-jsx" style="box-sizing: inherit; font-size: 14px; font-family: Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; direction: ltr; word-spacing: normal; word-break: normal; line-height: 20px; tab-size: 4; hyphens: none;">import Image from 'next/image'

function Avatar() {
 return <Image src="/me.png" alt="me" width="64" height="64" />
}

export default Avatar</code></pre>
이거 말씀하시는 거 맞나요? 제가 근데 수업들으면서&nbsp; next9 버전으로 진행했는데
저건 10버전 이상만 된다고 해서 file-loader 설치하고&nbsp;front/webpack.config.json&nbsp;설정했던 거거든요..&nbsp;
그냥 지금 넥스트 11버전으로 올리고&nbsp;
front/next.config.js 에서 아래 지우고
<pre style="box-sizing: border-box; margin-top: 0px; padding: 16px; -webkit-font-smoothing: auto; font-family: 'JetBrains Mono', monospace; background-color: #2b2b2b; color: #a9b7c6; font-size: 9.8pt; overflow: auto; overflow-wrap: normal; line-height: 1.45; border-radius: 3px; margin-bottom: 0px !important;">const withImages = require('next-images'); module.exports = withImages();</pre>

front/webpack.config.json 파일 그냥 전체 지우면 될까요?

<h3>Q2. </h3>
제가 저 오류가 나고 난다음에 npm run dev 다시 해봤는데
콘솔에 아래와 같은 오류가 다시 뜨는데요
Warning: Reverting webpack devtool to 'eval-source-map'.
Changing the webpack devtool in development mode will cause severe performance regressions.
<pre style="box-sizing: border-box; font-family: var(--font-stack-monospace); font-size: 16px; margin-top: 0px; margin-bottom: 0px; overflow: auto; color: #cccccc; padding: calc(var(--size-gap) + var(--size-gap-half)) calc(var(--size-gap-double) + var(--size-gap-half)); white-space: pre-wrap; word-break: break-word;">./public/tag.png 1:0
Module parse failed: Unexpected character '�' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)</pre>

위에도 말씀드렸듯이 제가 next9 버전으로 했어서 IMAGE 태그를 안쓰고 file-loader 를 설치해서 썼었거든요
build 전에는 저런 문제가 없었는데 build 를 하고 난 다음부터 문제가 생기는 이유는
Warning: Reverting webpack devtool to 'eval-source-map'. 이 문구와 관련이 있는 걸까요?

Q3.
next에서는 webpack.config.js 말고 next.config.js 에 모든 설정을 해줘야 하나요?
webpack.config.js 랑 next.config.js 둘다 있어도 되는 건지 궁금합니다 ..

주말아침부터 질문이 너무 길어져 죄송합니다 🥲

npm run build

네 있는 거 같습니다.

<img src="https://cdn.inflearn.com/public/comments/4e12d99a-7e36-403c-961e-52fddf1c4026/blob" alt="" />

siwon33767492

Posts