react tag is broken when saving
리엑트 환경에서 코드를 작성하고 저장하면
이렇게 tag가 깨진채로 계속 저장되었다.
eslint, prettier의 충돌로 생각하였으나 예상 외로 다른 곳에 문제가 있었다.
해결방법 1.
You're in a .js file, so the automatic formatter VSC uses is for JavaScript, not JSX - it's choking on the <s because in JS, those are operators, not JSX tag delimiters.
Change the file name from App.js to App.jsx for the formatter to work properly.
component.js 파일을 component.jsx 파일로 이름을 바꾸면 해결 가능하다.
해결방법 2.
there was a JS-CSS-HTML Formatter extension enabled which was causing all this. Disabling it solved the issue.
JS-CSS-HTML 라이브러리를 사용하고 있다면 비활성화로 해결 가능하다.
