af8000

<p><span style="color: #24292e; font-family: -apple-system, 'system-ui', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; font-size: 16px; background-color: #fdfdfd;">package-lock.json 지우니 되네요. 감사합니다</span></p>

back에서 npm i 했을 때 오류가 납니다..

<div style="color: #d6deeb; background-color: #011627; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div>{</div>
<div><span style="color: #7fdbca;">"parser"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">babel-eslint</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"parserOptions"</span>: {</div>
<div><span style="color: #7fdbca;">"ecmaVersion"</span>: <span style="color: #f78c6c;">2020</span>,</div>
<div><span style="color: #7fdbca;">"sourceType"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">module</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"ecmaFeatures"</span>: {</div>
<div><span style="color: #7fdbca;">"jsx"</span>: <span style="color: #ff5874;">true</span></div>
<div>}</div>
<div>},</div>
<div><span style="color: #7fdbca;">"env"</span>: {</div>
<div><span style="color: #7fdbca;">"browser"</span>: <span style="color: #ff5874;">true</span>,</div>
<div><span style="color: #7fdbca;">"node"</span>: <span style="color: #ff5874;">true</span>,</div>
<div><span style="color: #7fdbca;">"es6"</span>: <span style="color: #ff5874;">true</span></div>
<div>},</div>
<div><span style="color: #7fdbca;">"extends"</span>: [</div>
<div><span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">airbnb</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">eslint:recommended</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">next</span><span style="color: #d9f5dd;">"</span></div>
<div>],</div>
<div><span style="color: #7fdbca;">"plugins"</span>: [</div>
<div><span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">import</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">react-hooks</span><span style="color: #d9f5dd;">"</span></div>
<div>],</div>
<div><span style="color: #7fdbca;">"rules"</span>: {</div>
<div><span style="color: #7fdbca;">"jsx-a11y/label-has-associated-control"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">off</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"jsx-a11y/anchor-is-valid"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">off</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"no-console"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">off</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"no-underscore-dangle"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">off</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"react/forbid-prop-types"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">off</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"react/jsx-filename-extension"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">off</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"react/jsx-one-expression-per-line"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">off</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"object-curly-newline"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">off</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"linebreak-style"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">off</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"no-param-reassign"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">off</span><span style="color: #d9f5dd;">"</span></div>
<div>}</div>
<div>}</div>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div style="color: #d6deeb; background-color: #011627; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div>{</div>
<div><span style="color: #7fdbca;">"name"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">react-nodebird-front</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"version"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">1.0.0</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"description"</span>: <span style="color: #d9f5dd;">""</span>,</div>
<div><span style="color: #7fdbca;">"main"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">index.js</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"scripts"</span>: {</div>
<div><span style="color: #7fdbca;">"dev"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">next -p 3060</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"build"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">cross-env ANALYZE=true NODE_ENV=production next build</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"start"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">cross-env NODE_ENV=production next start -p 3060</span><span style="color: #d9f5dd;">"</span></div>
<div>},</div>
<div><span style="color: #7fdbca;">"author"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">yodafolio</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"license"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">ISC</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"dependencies"</span>: {</div>
<div><span style="color: #7fdbca;">"@ant-design/icons"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^4.7.0</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"@next/bundle-analyzer"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^12.1.0</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"antd"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^4.16.13</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"axios"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^0.24.0</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"cross-env"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^7.0.3</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"faker"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^5.5.3</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"immer"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^9.0.7</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"moment"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^2.29.1</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"next"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^12.0.4</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"next-redux-wrapper"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^7.0.5</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"prop-types"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^15.7.2</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"react"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^17.0.2</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"react-dom"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^17.0.2</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"react-redux"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^7.2.6</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"react-slick"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^0.28.1</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"redux"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^4.1.2</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"redux-devtools-extension"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^2.13.9</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"redux-saga"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^1.1.3</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"shortid"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^2.2.16</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"styled-components"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^5.3.3</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"swr"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^1.2.1</span><span style="color: #d9f5dd;">"</span></div>
<div>},</div>
<div><span style="color: #7fdbca;">"devDependencies"</span>: {</div>
<div><span style="color: #7fdbca;">"@next/eslint-plugin-next"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^12.1.0</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"babel-eslint"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^10.1.0</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"babel-plugin-styled-components"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^1.13.3</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"eslint"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^8.10.0</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"eslint-config-airbnb"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^19.0.1</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"eslint-plugin-import"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^2.25.3</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"eslint-plugin-jsx-a11y"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^6.5.1</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"eslint-plugin-react"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^7.27.1</span><span style="color: #d9f5dd;">"</span>,</div>
<div><span style="color: #7fdbca;">"eslint-plugin-react-hooks"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">^4.3.0</span><span style="color: #d9f5dd;">"</span></div>
<div>}</div>
<div>}</div>
</div>

aws 에서 front 빌드 시 에러가 뜨는데 해매고 있습니다..

<p>저도 의문인게 강의 처음부터 끝까지 따라 왔는데 프론트package.json 에 cross-env, react, react-dom이 포함이 안되어 있더라고요;;&nbsp;<br />그리고 AWS에서 빌드 시 질문자 님과 같은 빌드 실패가 일어나 해당 패키지를 추가하고 빌드를 하니 또다른 에러를 만나고 있습니다.;;;<br />제로초님의채 ch7번 의 package.json을 보면 다 들어 있던데 어디서 놓친건지;</p>

프론트 서버에서 빌드시 react-dom이 없어서 빌드 실패가 뜨는데...

<p>registerUser 함수의 axios.post 에 return 을 넣어주니 해결이 되었어요..</p>
<p>음.. 아직 왜 return을 넣으면 해결되는지는 이해를 못했네요;;</p>
<p></p>

response를 콘솔창에 찍어봤을때 undefined 가 뜹니다

eslint 와 prettier 설정시 오류

<div style="color: #d6deeb; background-color: #011627; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">Failed to load plugin 'vue' declared in 'vue-til/.eslintrc.js': Cannot find module 'eslint-plugin-vue'</div>
<div style="color: #d6deeb; background-color: #011627; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;"></div>
<div style="color: #d6deeb; background-color: #011627; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div style="line-height: 18px;">
<div></div>
<div>1. The plugin name is spelled incorrectly in an ESLint configuration file (e.g. .eslintrc).</div>
<div>2. If ESLint is installed globally, then make sure 'eslint-plugin-vue' is installed globally as well.</div>
<div>3. If ESLint is installed locally, then 'eslint-plugin-vue' isn't installed correctly.</div>
<div></div>
<div>이이런 매세지들도 있어요</div>
</div>
</div>

<p>동일한 문제입니다.</p>
<p></p>
<p>1번 2번 항목까지 모두 설정 했는데도 똑같이 나오네요</p>

af8000

Bài viết