[React] JSX의 개념

1. JSX란? JavaScript의 구문 확장이다. 특수한 리터럴이 아니기 때문에 JS의 모든 기능을 지원한다. JSX는 React의 element를 생성한다. 2. JSX를 사용하는 이유 React는 렌더링 로직으로 Virtual DOM을 채택했기 때문에 필요한 부분만 업데이트 되기 때문에 전체 UI tree element를 사용해도 변경된 노드만 업데이트된다. 따라서 이벤트 처리, 시간에 따른 상태변화, 디스플레이 데이터 표시 방식이 모두 결합됐다. 이 때문에 마크업(HTML)과 로직(JS)을 별도로 분리하는게 아니라 component라는 결합 단위로 분리했다. 이런 특성상 무조건 JSX를 사용할 필요는 없지만, 대개 이쪽이 유용하다. 예를 들어 이런 식으로 사용하면 된다. const name = ..
Oops, All Code!/📝 Study Notes 2023. 3. 29. 00:00
1