![[React] JSX](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FRgBeH%2FbtsJ3jhFlz6%2FfuLjMSfSzrkm6wr58u2Bck%2Fimg.png)
Front-end/React2024. 10. 19. 10:19[React] JSX
📚 JSX란 무엇인가요?JSX는 JavaScript XML의 약자로, 자바스크립트 안에서 HTML과 유사한 문법을 사용할 수 있게 해주는 리액트의 특별한 문법이에요. JSX를 사용하면 UI를 정의할 때 가독성이 높아지고 더 직관적으로 코드를 작성할 수 있어요. 사실 JSX는 자바스크립트의 확장 문법으로, 자바스크립트 코드로 변환돼요. 그 결과, 자바스크립트와 HTML의 장점을 결합한 형태라고 볼 수 있어요. JSX는 자바스크립트와 HTML이 결혼한 것과 같아요. 각각 따로 사용할 수 있지만, JSX를 통해 둘을 함께 사용하면 더 편리하고 강력한 힘을 발휘하게 되죠.🖥️ JSX의 기본 개념과 HTML과의 차이점1. JSX의 기본 문법JSX는 HTML과 매우 유사한 구조를 가지고 있지만, 실제로는 자바스..