반응형
jsx
-
JSX란 무엇인가Java Script/React 2020. 11. 3. 23:58
JSX 프로젝트에서 컴포넌트를 렌더링하면, 함수에서 반환하는 내용을 나타냄. 함수 반환 값을 보면, HTML을 작성한 것 같지만, HTML도 아니고 문자열 템플릿도 아닌 JSX라고 부름 자바스크립트의 확장 문법, XML과 유사하게 생김 코드가 번들링되는 과정에서 바벨을 사용하여 일반 JS 형태로 변환됨 가독성이 좋고 작성하기 쉽다는 장점이 있음 또한, component를 다른 component 안에 작성할 수 있음.(customize 가능) 주의사항 Component를 개발할 때는, DOM 트리 구조를 생각해야하기 때문에, 반드시 부모 태그(div, container, section 등)로 감싸서 return해야한다. 의미없는 div 대신 Fragment로 감싸서 이용할 수 있다. JS 문법을 이용할 수..