JSX는 JavaScript XML의 약어로, JavaScript를 확장한 문법을 말합니다. JavaScript 파일을 HTML과 비슷하게 마크업을 작성할 수 있도록 해줍니다. 컴포넌트를 작성하는 다른 방법도 있지만, 대부분의 React 개발자는 JSX의 간결함을 선호하며 대부분의 코드 베이스에서 JSX를 사용합니다.
참고 : https://ko.react.dev/learn/writing-markup-with-jsx
Web은 HTML, CSS, JavaScript를 기반으로 이루어져 있으며, HTML 콘텐츠의 구조를 정의하고, CSS로 디자인을, JavaScript로 로직을 작성해 왔습니다. 보통은 HTML, CSS, JavaScript를 분리된 파일로 관리합니다!