바닐라 JS로 입문을 하고 처음 React를 접하다 보면 파일의 확장자가 .jsx로 끝나는 것을 보고 다른 언어인가 하는 의문점들이 생겼습니다. 기존에 수강했던 온라인 수업에서는 이 부분에 대한 설명이 부족했던 기억이 있어 해당 내용에 대한 글을 적어 보려고 합니다. ▶ JSX는 무엇이고 등장하게 된 배경은? JSX는 React가 개발되면서 JavaScript(이하 JS) 파일 안에서 컴포넌트 기반 개발을 가능하도록 나온 확장 문법 라이브러리 입니다. 간단하게 말하면 기존 JS에서는 마크업 언어를 포함해서 작성하기에 어려움이 있었기에 JSX는 JavaScript 코드 내에서 마크업 형태의 구조를 작성할 수 있도록 해서, UI를 직관적으로 이해하고 관리할 수 있게 도와줍니다. 이전에는 HTML과 JavaS..
