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

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

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

(사진)

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

감사합니다!

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

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

prettier가 특정 파일에서만 안 먹히는 문제가 있습니다.

["INFO" - 12:39:55 PM] Extension Name: esbenp.prettier-vscode. ["INFO" - 12:39:55 PM] Extension Version: 6.4.0. ["INFO" - 12:39:58 PM] Formatting /Users/seohwan/Desktop/JS/grab-market/index.html ["INFO" - 12:39:58 PM] Using ignore file (if present) at /Users/seohwan/Desktop/JS/.prettierignore ["INFO" - 12:39:58 PM] File Info: { "ignored": false, "inferredParser": "html" } ["INFO" - 12:39:58 PM] No local configuration (i.e. .prettierrc or .editorconfig) detected, falling back to VS Code configuration ["INFO" - 12:39:58 PM] Prettier Options: { "arrowParens": "always", "bracketSpacing": true, "endOfLine": "lf", "htmlWhitespaceSensitivity": "css", "insertPragma": false, "jsxBracketSameLine": false, "jsxSingleQuote": false, "printWidth": 80, "proseWrap": "preserve", "quoteProps": "as-needed", "requirePragma": false, "semi": true, "singleQuote": false, "tabWidth": 2, "trailingComma": "es5", "useTabs": false, "vueIndentScriptAndStyle": false, "filepath": "/Users/seohwan/Desktop/JS/grab-market/index.html", "parser": "html" } ["ERROR" - 12:39:58 PM] Error formatting document. ["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) 21 | 22 | > 23 | | ^^^^^^ 24 | 25 | 26 | 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) 21 | 22 | > 23 | | ^^^^^^ 24 | 25 | 26 | at U (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/node_modules/prettier/parser-html.js:40:2776) at Sn (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/node_modules/prettier/parser-html.js:111:2300) at yn (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/node_modules/prettier/parser-html.js:111:3787) at Object.parse (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/node_modules/prettier/parser-html.js:111:4489) at Object.parse$a [as parse] (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/node_modules/prettier/index.js:14892:19) at coreFormat (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/node_modules/prettier/index.js:16425:16) at formatWithCursor$1 (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/node_modules/prettier/index.js:16665:14) at /Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/node_modules/prettier/index.js:60922:12 at Object.format (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/node_modules/prettier/index.js:60942:12) at t.default. (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/dist/extension.js:1:16819) at Generator.next () at s (/Users/seohwan/.vscode/extensions/esbenp.prettier-vscode-6.4.0/dist/extension.js:1:9119) ["INFO" - 12:39:58 PM] Formatting completed in 47.190024ms.