moonjong938083

<p>아 제로초님 해결했습니다!! router/user.js에 연결이 잘못되있었습니다</p>
<p>좋은 강의 항상 감사합니다</p>

404 에러가 떠서 질문드립니다

<p>아이디 1로&nbsp; 2 3 4 5 6까지 모두 팔로잉 한후에 로그인을 하면</p>
<p><img src="https://cdn.inflearn.com/public/comments/f990ce3b-bb8e-4fb7-804d-5dd1a2bd6113/blob" alt="" /></p>
<p>이렇게 콘솔찍어보면 뜹니다. 이게 팔로우에 다 들어와있다는 뜻 아닌가요??ㅜ</p>
<p></p>
<p></p>

팔로우 팔로잉 관계가 작동하지 않습니다ㅜ

500 status

<p>app.js</p>
<div style="color: #abb2bf; background-color: #282c34; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #c678dd;">const</span>&nbsp;<span style="color: #61afef;">express</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #61afef;">require</span>(<span style="color: #98c379;">'express'</span>);</div>
<div><span style="color: #c678dd;">const</span>&nbsp;<span style="color: #61afef;">cors</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #61afef;">require</span>(<span style="color: #98c379;">'cors'</span>)</div>
<div><span style="color: #c678dd;">const</span>&nbsp;<span style="color: #e5c07b;">db</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #61afef;">require</span>(<span style="color: #98c379;">'./models'</span>)</div>
<div><span style="color: #c678dd;">const</span>&nbsp;<span style="color: #e5c07b;">app</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #61afef;">express</span>();</div>
<br />
<div><span style="color: #e5c07b;">db</span>.<span style="color: #e5c07b;">sequelize</span>.<span style="color: #61afef;">sync</span>();</div>
<br />
<div><span style="color: #e5c07b;">app</span>.<span style="color: #61afef;">use</span>(<span style="color: #61afef;">cors</span>(<span style="color: #98c379;">'http://localhost:3000'</span>))</div>
<div><span style="color: #e5c07b;">app</span>.<span style="color: #61afef;">use</span>(<span style="color: #61afef;">express</span>.<span style="color: #61afef;">json</span>())</div>
<div><span style="color: #e5c07b;">app</span>.<span style="color: #61afef;">use</span>(<span style="color: #61afef;">express</span>.<span style="color: #61afef;">urlencoded</span>({&nbsp;<span style="color: #e06c75;">extended</span>:&nbsp;<span style="color: #d19a66;">false</span>&nbsp;}))</div>
<br />
<div><span style="color: #e5c07b;">app</span>.<span style="color: #61afef;">get</span>(<span style="color: #98c379;">'/'</span>,&nbsp;(<span style="color: #e06c75; font-style: italic;">req</span>,&nbsp;<span style="color: #e06c75; font-style: italic;">res</span>)&nbsp;<span style="color: #c678dd;">=></span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75; font-style: italic;">res</span>.<span style="color: #61afef;">status</span>(<span style="color: #d19a66;">200</span>).<span style="color: #61afef;">send</span>(<span style="color: #98c379;">'Hello&nbsp;backend'</span>)</div>
<div>})</div>
<br />
<div><span style="color: #e5c07b;">app</span>.<span style="color: #61afef;">post</span>(<span style="color: #98c379;">'/user'</span>,&nbsp;<span style="color: #c678dd;">async</span>&nbsp;(<span style="color: #e06c75; font-style: italic;">req</span>,&nbsp;<span style="color: #e06c75; font-style: italic;">res</span>,&nbsp;<span style="color: #61afef; font-style: italic;">next</span>)&nbsp;<span style="color: #c678dd;">=></span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c678dd;">try</span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c678dd;">const</span>&nbsp;<span style="color: #e5c07b;">newUser</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #c678dd;">await</span>&nbsp;<span style="color: #e5c07b;">db</span>.<span style="color: #e5c07b;">User</span>.<span style="color: #61afef;">create</span>({</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">where</span>:&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">nickname</span>:&nbsp;<span style="color: #e06c75; font-style: italic;">req</span>.<span style="color: #e06c75;">body</span>.<span style="color: #e06c75;">nickname</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">email</span>:&nbsp;<span style="color: #e06c75; font-style: italic;">req</span>.<span style="color: #e06c75;">body</span>.<span style="color: #e06c75;">email</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">password</span>:&nbsp;<span style="color: #e06c75; font-style: italic;">req</span>.<span style="color: #e06c75;">body</span>.<span style="color: #e06c75;">password</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75; font-style: italic;">res</span>.<span style="color: #61afef;">status</span>(<span style="color: #d19a66;">201</span>).<span style="color: #61afef;">json</span>(<span style="color: #e5c07b;">newUser</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color: #c678dd;">catch</span>&nbsp;(<span style="color: #e06c75;">err</span>)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e5c07b;">console</span>.<span style="color: #61afef;">log</span>(<span style="color: #e06c75;">err</span>)</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #61afef;">next</span>(<span style="color: #e06c75;">err</span>)</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;</div>
<div>})</div>
<br />
<div><span style="color: #e5c07b;">app</span>.<span style="color: #61afef;">listen</span>(<span style="color: #d19a66;">3085</span>,&nbsp;()&nbsp;<span style="color: #c678dd;">=></span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e5c07b;">console</span>.<span style="color: #61afef;">log</span>(<span style="color: #98c379;">`백엔드&nbsp;서버&nbsp;</span><span style="color: #c678dd;">${</span><span style="color: #d19a66;">3085</span><span style="color: #c678dd;">}</span><span style="color: #98c379;">번&nbsp;포트에서&nbsp;작동중`</span>)</div>
<div>})</div>
</div>
<p>user.js</p>
<div style="color: #abb2bf; background-color: #282c34; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #e5c07b;">module</span>.<span style="color: #e5c07b;">exports</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;(<span style="color: #e06c75; font-style: italic;">sequelize</span>,&nbsp;<span style="color: #e06c75; font-style: italic;">DataTypes</span>)&nbsp;<span style="color: #c678dd;">=></span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c678dd;">const</span>&nbsp;<span style="color: #e5c07b;">User</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #e06c75; font-style: italic;">sequelize</span>.<span style="color: #61afef;">define</span>(<span style="color: #98c379;">'User'</span>,&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">email</span>:&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">type</span>:&nbsp;<span style="color: #e06c75; font-style: italic;">DataTypes</span>.<span style="color: #61afef;">STRING</span>(<span style="color: #d19a66;">40</span>),</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">allowNull</span>:&nbsp;<span style="color: #d19a66;">false</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">nickname</span>:&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">type</span>:&nbsp;<span style="color: #e06c75; font-style: italic;">DataTypes</span>.<span style="color: #61afef;">STRING</span>(<span style="color: #d19a66;">20</span>),</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">allowNull</span>:&nbsp;<span style="color: #d19a66;">false</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">password</span>:&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">type</span>:&nbsp;<span style="color: #e06c75; font-style: italic;">DataTypes</span>.<span style="color: #61afef;">STRING</span>(<span style="color: #d19a66;">100</span>),</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">allowNull</span>:&nbsp;<span style="color: #d19a66;">false</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">charset</span>:&nbsp;<span style="color: #98c379;">'utf8'</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">collate</span>:&nbsp;<span style="color: #98c379;">'utf8_general_ci'</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;})</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e5c07b;">User</span>.<span style="color: #61afef;">associate</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;(<span style="color: #e06c75; font-style: italic;">db</span>)&nbsp;<span style="color: #c678dd;">=></span>&nbsp;{</div>
<br />
<div>&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c678dd;">return</span>&nbsp;<span style="color: #e5c07b;">User</span></div>
<div>}</div>
</div>
<p>front의 signup.vue</p>
<div style="color: #abb2bf; background-color: #282c34; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #e06c75;">methods</span>:&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #61afef;">onSubmitForm</span>()&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c678dd;">if</span>(<span style="color: #e5c07b;">this</span>.<span style="color: #e06c75;">$refs</span>.<span style="color: #e5c07b;">form</span>.<span style="color: #61afef;">validate</span>())&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e5c07b;">this</span>.<span style="color: #e5c07b;">$store</span>.<span style="color: #61afef;">dispatch</span>(<span style="color: #98c379;">'users/signUp'</span>,&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">nickname</span>:&nbsp;<span style="color: #e5c07b;">this</span>.<span style="color: #e06c75;">nickname</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">email</span>:&nbsp;<span style="color: #e5c07b;">this</span>.<span style="color: #e06c75;">email</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">password</span>:&nbsp;<span style="color: #e5c07b;">this</span>.<span style="color: #e06c75;">password</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.<span style="color: #61afef;">then</span>(()&nbsp;<span style="color: #c678dd;">=></span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e5c07b;">this</span>.<span style="color: #e5c07b;">$router</span>.<span style="color: #61afef;">push</span>({</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">path</span>:&nbsp;<span style="color: #98c379;">'/'</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.<span style="color: #61afef;">catch</span>(()&nbsp;<span style="color: #c678dd;">=></span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #56b6c2;">alert</span>(<span style="color: #98c379;">'회원가입&nbsp;실패'</span>)</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>&nbsp;&nbsp;&nbsp;},</div>
</div>
<p></p>
<p>front의 user.js</p>
<div style="color: #abb2bf; background-color: #282c34; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #61afef;">signUp</span>({<span style="color: #e06c75; font-style: italic;">commit</span>,&nbsp;<span style="color: #e06c75; font-style: italic;">state</span>},&nbsp;<span style="color: #e06c75; font-style: italic;">payload</span>)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e5c07b;">this</span>.<span style="color: #e5c07b;">$axios</span>.<span style="color: #61afef;">post</span>(<span style="color: #98c379;">'http://localhost:3085/user'</span>,&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">nickname</span>:&nbsp;<span style="color: #e06c75; font-style: italic;">payload</span>.<span style="color: #e06c75;">nickname</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">email</span>:&nbsp;<span style="color: #e06c75; font-style: italic;">payload</span>.<span style="color: #e06c75;">email</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">password</span>:&nbsp;<span style="color: #e06c75; font-style: italic;">payload</span>.<span style="color: #e06c75;">password</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #61afef;">commit</span>(<span style="color: #98c379;">'setMe'</span>,&nbsp;<span style="color: #e06c75; font-style: italic;">payload</span>)</div>
<div>&nbsp;&nbsp;&nbsp;},</div>
</div>

<p>index.js 에&nbsp;<span style="color: #98c379; background-color: #282c34; font-family: Consolas, 'Courier New', monospace; font-size: 14px; white-space: pre;">'../config/config.json<br /></span></p>
<p>이부분 앞에 슬래쉬 하나가 더 들어 간거 같아서 제거하고 npm run dev를 해보니 이번엔 좀 다르게 뜨네요 ㅜㅜ</p>
<p>[nodemon] restarting due to changes...</p>
<p>[nodemon] starting `node app.js`</p>
<p>백앤드 서버 3085번 포트에서 작동중</p>
<p>(node:26792) UnhandledPromiseRejectionWarning: SequelizeConnectionRefusedError: connect ECONNREFUSED 127.0.0.1:3306</p>
<p>&nbsp; &nbsp; at ConnectionManager.connect (C:\Users\com\vue강좌\라우터복습\ch4\back\node_modules\sequelize\lib\dialects\mysql\connection-manager.js:116:17)</p>
<p>&nbsp; &nbsp; at processTicksAndRejections (internal/process/task_queues.js:93:5)</p>
<p>&nbsp; &nbsp; at async ConnectionManager._connect (C:\Users\com\vue강좌\라우터복습\ch4\back\node_modules\sequelize\lib\dialects\abstract\connection-manager.js:318:24)</p>
<p>&nbsp; &nbsp; at async C:\Users\com\vue강좌\라우터복습\ch4\back\node_modules\sequelize\lib\dialects\abstract\connection-manager.js:250:32</p>
<p>&nbsp; &nbsp; at async ConnectionManager.getConnection (C:\Users\com\vue강좌\라우터복습\ch4\back\node_modules\sequelize\lib\dialects\abstract\connection-manager.js:280:7)&nbsp; &nbsp; &nbsp;&nbsp;</p>
<p>&nbsp; &nbsp; at async C:\Users\com\vue강좌\라우터복습\ch4\back\node_modules\sequelize\lib\sequelize.js:613:26</p>
<p>&nbsp; &nbsp; at async MySQLQueryInterface.createTable (C:\Users\com\vue강좌\라우터복습\ch4\back\node_modules\sequelize\lib\dialects\abstract\query-interface.js:225:12)&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</p>
<p>&nbsp; &nbsp; at async Function.sync (C:\Users\com\vue강좌\라우터복습\ch4\back\node_modules\sequelize\lib\model.js:1300:5)</p>
<p>&nbsp; &nbsp; at async Sequelize.sync (C:\Users\com\vue강좌\라우터복습\ch4\back\node_modules\sequelize\lib\sequelize.js:793:35)</p>
<p>(Use `node --trace-warnings ...` to show where the warning was created)</p>
<p>(node:26792) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)</p>
<p>(node:26792) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.</p>
<p>빨갛게 뜨지 않는거 보니 에러같은건 아닌거 같은데 ㅜ 백앤드 들어와서 힘드네요 ㅜ</p>

강의 듣는중 에러가 떠서 질문 드립니다 ㅜ

<p>코드를 못올려 올려드립니다!</p>

<p>app.js</p>
<div style="color: #abb2bf; background-color: #282c34; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #c678dd;">const</span>&nbsp;<span style="color: #61afef;">express</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #61afef;">require</span>(<span style="color: #98c379;">'express'</span>);</div>
<div><span style="color: #c678dd;">const</span>&nbsp;<span style="color: #e5c07b;">db</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #61afef;">require</span>(<span style="color: #98c379;">'./models'</span>)</div>
<div><span style="color: #c678dd;">const</span>&nbsp;<span style="color: #e5c07b;">app</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #61afef;">express</span>();</div>
<br />
<div><span style="color: #e5c07b;">db</span>.<span style="color: #e5c07b;">sequelize</span>.<span style="color: #61afef;">sync</span>();</div>
<br />
<div><span style="color: #e5c07b;">app</span>.<span style="color: #61afef;">use</span>(<span style="color: #61afef;">express</span>.<span style="color: #61afef;">json</span>());</div>
<div><span style="color: #e5c07b;">app</span>.<span style="color: #61afef;">use</span>(<span style="color: #61afef;">express</span>.<span style="color: #61afef;">urlencoded</span>({&nbsp;<span style="color: #e06c75;">extended</span>:&nbsp;<span style="color: #d19a66;">false</span>&nbsp;}))</div>
<br />
<div><span style="color: #e5c07b;">app</span>.<span style="color: #61afef;">get</span>(<span style="color: #98c379;">'/'</span>,&nbsp;(<span style="color: #e06c75; font-style: italic;">req</span>,&nbsp;<span style="color: #e06c75; font-style: italic;">res</span>)&nbsp;<span style="color: #c678dd;">=></span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75; font-style: italic;">res</span>.<span style="color: #61afef;">send</span>(<span style="color: #98c379;">'안녕&nbsp;시퀄라이즈'</span>)</div>
<div>})</div>
<br />
<div><span style="color: #e5c07b;">app</span>.<span style="color: #61afef;">post</span>(<span style="color: #98c379;">'/user'</span>,&nbsp;<span style="color: #c678dd;">async</span>&nbsp;(<span style="color: #e06c75; font-style: italic;">req</span>,&nbsp;<span style="color: #e06c75; font-style: italic;">res</span>)&nbsp;<span style="color: #c678dd;">=></span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c678dd;">try</span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c678dd;">const</span>&nbsp;<span style="color: #e5c07b;">newUser</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #c678dd;">await</span>&nbsp;<span style="color: #e5c07b;">db</span>.<span style="color: #e5c07b;">User</span>.<span style="color: #61afef;">create</span>({</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">where</span>:&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">email</span>:&nbsp;<span style="color: #e06c75; font-style: italic;">req</span>.<span style="color: #e06c75;">body</span>.<span style="color: #e06c75;">email</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">nickname</span>:&nbsp;<span style="color: #e06c75; font-style: italic;">req</span>.<span style="color: #e06c75;">body</span>.<span style="color: #e06c75;">nickname</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">password</span>:&nbsp;<span style="color: #e06c75; font-style: italic;">req</span>.<span style="color: #e06c75;">body</span>.<span style="color: #e06c75;">password</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75; font-style: italic;">res</span>.<span style="color: #61afef;">status</span>(<span style="color: #d19a66;">201</span>).<span style="color: #61afef;">json</span>()</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color: #c678dd;">catch</span>&nbsp;(<span style="color: #e06c75;">err</span>)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e5c07b;">console</span>.<span style="color: #61afef;">log</span>(<span style="color: #e06c75;">err</span>)</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #61afef;">next</span>(<span style="color: #e06c75;">err</span>)</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;</div>
<div>})</div>
<br />
<div><span style="color: #e5c07b;">app</span>.<span style="color: #61afef;">listen</span>(<span style="color: #d19a66;">3085</span>,&nbsp;()&nbsp;<span style="color: #c678dd;">=></span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e5c07b;">console</span>.<span style="color: #61afef;">log</span>(<span style="color: #98c379;">`백앤드&nbsp;서버&nbsp;</span><span style="color: #c678dd;">${</span><span style="color: #d19a66;">3085</span><span style="color: #c678dd;">}</span><span style="color: #98c379;">번&nbsp;포트에서&nbsp;작동중`</span>)</div>
<div>})</div>
<div></div>
</div>

<p>user.js</p>
<div style="color: #abb2bf; background-color: #282c34; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #e5c07b;">module</span>.<span style="color: #e5c07b;">exports</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;(<span style="color: #e06c75; font-style: italic;">sequelize</span>,&nbsp;<span style="color: #e06c75; font-style: italic;">DataTypes</span>)&nbsp;<span style="color: #c678dd;">=></span>&nbsp;{</div>
<div>&nbsp;&nbsp;<span style="color: #c678dd;">const</span>&nbsp;<span style="color: #e5c07b;">User</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #e06c75; font-style: italic;">sequelize</span>.<span style="color: #61afef;">define</span>(<span style="color: #98c379;">'User'</span>,&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">email</span>:&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">type</span>:&nbsp;<span style="color: #e06c75; font-style: italic;">DataTypes</span>.<span style="color: #61afef;">STRING</span>(<span style="color: #d19a66;">40</span>),&nbsp;<span style="color: #7f848e; font-style: italic;">//&nbsp;40자&nbsp;이내</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">allowNull</span>:&nbsp;<span style="color: #d19a66;">false</span>,&nbsp;<span style="color: #7f848e; font-style: italic;">//&nbsp;필수</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">unique</span>:&nbsp;<span style="color: #d19a66;">true</span>,&nbsp;<span style="color: #7f848e; font-style: italic;">//&nbsp;중복금지</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">nickname</span>:&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">type</span>:&nbsp;<span style="color: #e06c75; font-style: italic;">DataTypes</span>.<span style="color: #61afef;">STRING</span>(<span style="color: #d19a66;">20</span>),</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">allowNull</span>:&nbsp;<span style="color: #d19a66;">false</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">password</span>:&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">type</span>:&nbsp;<span style="color: #e06c75; font-style: italic;">DataTypes</span>.<span style="color: #61afef;">STRING</span>(<span style="color: #d19a66;">100</span>),</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">allowNull</span>:&nbsp;<span style="color: #d19a66;">false</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;},&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">charset</span>:&nbsp;<span style="color: #98c379;">'utf8'</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75;">collate</span>:&nbsp;<span style="color: #98c379;">'utf8_general_ci'</span>,&nbsp;<span style="color: #7f848e; font-style: italic;">//&nbsp;한글&nbsp;저장돼요</span></div>
<div>&nbsp;&nbsp;});</div>
<br />
<div>&nbsp;&nbsp;<span style="color: #e5c07b;">User</span>.<span style="color: #61afef;">associate</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;(<span style="color: #e06c75; font-style: italic;">db</span>)&nbsp;<span style="color: #c678dd;">=></span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75; font-style: italic;">db</span>.<span style="color: #e5c07b;">User</span>.<span style="color: #61afef;">hasMany</span>(<span style="color: #e06c75; font-style: italic;">db</span>.<span style="color: #e06c75;">Post</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e06c75; font-style: italic;">db</span>.<span style="color: #e5c07b;">User</span>.<span style="color: #61afef;">hasMany</span>(<span style="color: #e06c75; font-style: italic;">db</span>.<span style="color: #e06c75;">Comment</span>);</div>
<div>&nbsp;&nbsp;};</div>
<br />
<div>&nbsp;&nbsp;<span style="color: #c678dd;">return</span>&nbsp;<span style="color: #e5c07b;">User</span>;</div>
<div>};</div>
</div>

<p>index.js</p>
<div style="color: #abb2bf; background-color: #282c34; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #c678dd;">const</span>&nbsp;<span style="color: #e5c07b;">Sequelize</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #61afef;">require</span>(<span style="color: #98c379;">'sequelize'</span>);</div>
<div><span style="color: #c678dd;">const</span>&nbsp;<span style="color: #e5c07b;">env</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #e06c75;">process</span>.<span style="color: #e06c75;">env</span>.<span style="color: #e06c75;">NODE_ENV</span>&nbsp;<span style="color: #56b6c2;">||</span>&nbsp;<span style="color: #98c379;">'development'</span>;</div>
<div><span style="color: #c678dd;">const</span>&nbsp;<span style="color: #e5c07b;">config</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #61afef;">require</span>(<span style="color: #98c379;">'/../config/config.json'</span>)[<span style="color: #e5c07b;">env</span>];</div>
<div><span style="color: #c678dd;">const</span>&nbsp;<span style="color: #e5c07b;">db</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;{};</div>
<br />
<div><span style="color: #c678dd;">const</span>&nbsp;<span style="color: #e5c07b;">sequelize</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #c678dd;">new</span>&nbsp;<span style="color: #61afef;">Sequelize</span>(<span style="color: #e5c07b;">config</span>.<span style="color: #e06c75;">database</span>,&nbsp;<span style="color: #e5c07b;">config</span>.<span style="color: #e06c75;">username</span>,&nbsp;<span style="color: #e5c07b;">config</span>.<span style="color: #e06c75;">password</span>,&nbsp;<span style="color: #e06c75;">config</span>);</div>
<br />
<div><span style="color: #e5c07b;">db</span>.<span style="color: #e06c75;">User</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #61afef;">require</span>(<span style="color: #98c379;">'./user'</span>)(<span style="color: #e5c07b;">sequelize</span>,&nbsp;<span style="color: #e06c75;">Sequelize</span>)</div>
<br />
<div><span style="color: #e5c07b;">Object</span>.<span style="color: #61afef;">keys</span>(<span style="color: #e5c07b;">db</span>).<span style="color: #61afef;">forEach</span>(<span style="color: #e06c75; font-style: italic;">modelName</span>&nbsp;<span style="color: #c678dd;">=></span>&nbsp;{</div>
<div>&nbsp;&nbsp;<span style="color: #c678dd;">if</span>&nbsp;(<span style="color: #e5c07b;">db</span>[<span style="color: #e06c75; font-style: italic;">modelName</span>].<span style="color: #e06c75;">associate</span>)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #e5c07b;">db</span>[<span style="color: #e06c75; font-style: italic;">modelName</span>].<span style="color: #61afef;">associate</span>(<span style="color: #e5c07b;">db</span>);</div>
<div>&nbsp;&nbsp;}</div>
<div>});</div>
<br />
<div><span style="color: #e5c07b;">db</span>.<span style="color: #e06c75;">sequelize</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #e5c07b;">sequelize</span>;</div>
<div><span style="color: #e5c07b;">db</span>.<span style="color: #e06c75;">Sequelize</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #e06c75;">Sequelize</span>;</div>
<br />
<div><span style="color: #e5c07b;">module</span>.<span style="color: #e5c07b;">exports</span>&nbsp;<span style="color: #56b6c2;">=</span>&nbsp;<span style="color: #e5c07b;">db</span>;</div>
</div>

<p>강사님께서는 스크롤을 내릴때마다 자동으로 더미데이터도 나오고 뷰 데브툴에 loadPosts도 찍히는데 그게 핫리로딩때문데 저와같은 상황이 나타날 수 있는건가요??</p>
<p></p>