SEOHWAN LEE

<p>친절하고 정확한 답변 항상 감사합니다:)</p>

리액트에서 img 태그 사용 시 src 속성에 대하여

App.css 변경 후 적용이 되지 않습니다.

연습을 해보기 위해서 app.js를 복붙한 다음부터 터미널 창이 이상합니다.

<p>위의 모습은 외부 컴포넌트를 모두 지우고 <h1>, <h2> 태그만 써놓은 상황이며, 이 때에도 npm start를 입력하면 처음에만 창이 제대로 뜬 후 먹통입니다. 또한 자식 컴포넌트들은 먹지 않고, 내부에서 작성한 것들만 반영됩니다.</p>

<div style="color: #eeffff; background-color: #263238; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div>["INFO" - 12:39:55 PM] Extension Name: esbenp.prettier-vscode.</div>
<div>["INFO" - 12:39:55 PM] Extension Version: 6.4.0.</div>
<div>["INFO" - 12:39:58 PM] Formatting /Users/seohwan/Desktop/JS/grab-market/index.html</div>
<div>["INFO" - 12:39:58 PM] Using ignore file (if present) at /Users/seohwan/Desktop/JS/.prettierignore</div>
<div>["INFO" - 12:39:58 PM] File Info:</div>
<div>{</div>
<div>"ignored": false,</div>
<div>"inferredParser": "html"</div>
<div>}</div>
<div>["INFO" - 12:39:58 PM] No local configuration (i.e. .prettierrc or .editorconfig) detected, falling back to VS Code configuration</div>
<div>["INFO" - 12:39:58 PM] Prettier Options:</div>
<div>{</div>
<div>"arrowParens": "always",</div>
<div>"bracketSpacing": true,</div>
<div>"endOfLine": "lf",</div>
<div>"htmlWhitespaceSensitivity": "css",</div>
<div>"insertPragma": false,</div>
<div>"jsxBracketSameLine": false,</div>
<div>"jsxSingleQuote": false,</div>
<div>"printWidth": 80,</div>
<div>"proseWrap": "preserve",</div>
<div>"quoteProps": "as-needed",</div>
<div>"requirePragma": false,</div>
<div>"semi": true,</div>
<div>"singleQuote": false,</div>
<div>"tabWidth": 2,</div>
<div>"trailingComma": "es5",</div>
<div>"useTabs": false,</div>
<div>"vueIndentScriptAndStyle": false,</div>
<div>"filepath": "/Users/seohwan/Desktop/JS/grab-market/index.html",</div>
<div>"parser": "html"</div>
<div>}</div>
<div>["ERROR" - 12:39:58 PM] Error formatting document.</div>
<div>["ERROR" - 12:39:58 PM] Unexpected closing tag "div". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags (23:3)</div>
<div>21 | </div></div>
<div>22 | </div></div>
<div>> 23 | </div></div>
<div>| ^^^^^^</div>
<div>24 | <div id="footer"></div></div>
<div>25 | </body></div>
<div>26 | <script></div>
<div>SyntaxError: Unexpected closing tag "div". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags (23:3)</div>
<div>21 | </div></div>
<div>22 | </div></div>
<div>> 23 | </div></div>
<div>| ^^^^^^</div>
<div>24 | <div id="footer"></div></div>
<div>25 | </body></div>
<div>26 | <script></div>
<div>at U (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/node_modules/prettier/parser-html.js:40:2776)</div>
<div>at Sn (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/node_modules/prettier/parser-html.js:111:2300)</div>
<div>at yn (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/node_modules/prettier/parser-html.js:111:3787)</div>
<div>at Object.parse (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/node_modules/prettier/parser-html.js:111:4489)</div>
<div>at Object.parse$a [as parse] (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/node_modules/prettier/index.js:14892:19)</div>
<div>at coreFormat (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/node_modules/prettier/index.js:16425:16)</div>
<div>at formatWithCursor$1 (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/node_modules/prettier/index.js:16665:14)</div>
<div>at /Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/node_modules/prettier/index.js:60922:12</div>
<div>at Object.format (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/node_modules/prettier/index.js:60942:12)</div>
<div>at t.default.<anonymous> (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/dist/extension.js:1:16819)</div>
<div>at Generator.next (<anonymous>)</div>
<div>at s (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/dist/extension.js:1:9119)</div>
<div>["INFO" - 12:39:58 PM] Formatting completed in 47.190024ms.</div>
</div>

SEOHWAN LEE

Bài viết