본문 바로가기

바벨

JSX란? React 에서 사용하는 JSX 문법 | Babel

Computer Programming/React 2023. 5. 15. JSX란? React 에서 사용하는 JSX 문법 | Babel 1. JSX란? React에서의 JSX const element = Hello, world!; 위 태그 문법은 JSX 라고 불리는 javascript를 확장한 리액트에서 차용하는 문법이다. 리액트와 함께 사용되는 이유는 리액트가 UI와 state 의 변화에 초점을 맞추는 라이브러리이기 때문에 자바스크립트 함수와 html 태그를 함께 사용하는 것이 효과적이기 때문이다. 즉, react 에서는 렌더링 로직이 ui로직 ( 이벤트 처리, state 변화, 데이터 준비방식) 과 밀접한 연관이 있다. 따라서 마크업인 html 태그와 함께 로직을 처리할 수 있는 JSX를 사용한다. React에서 JSX 문법 사용이 필수는 아니지만, Javascript 코드와 함께 ui 관련 작업을 쉽게 할 수 있는 html 태그를 ..

이전 1 다음

Archives

Recent Posts

Tags

더보기

Calendar

티스토리툴바