728x90 반응형 자바스크립트2 [React Native] JSX 란? / JSX 문법 JSX란? JavaScript에서 XML을 추가한 확장형 문법이다. XML(eXtensible Markup Language)은 태그(tag, )의 이름을 자유롭게 짓고 사용할 수 있는 문법이다. 이를 JavaScript에 적용 시킨 것이 바로 JSX이다. 실행하기 전에 코드가 번들링되는 과정에서 바벨을 사용하여 일반 JavaScript 형태의 코드로 변환된다. * 바벨(Babel) 최신 자바스크립트 문법을 모든 브라우저가 이해하지 못하기 때문에, Babel을 통해 브라우저가 이해할 수 있는 문법으로 변환해주는 컴파일러이다. 초기의 바벨은 ES6 코드를 ES5 코드로 변환해 주는 일만 했지만, 현재는 리액트의 JSX문법도 처리해준다. 트렌스파일러는 소스를 입력 받으면 다른 소스로 변환하는 컴파일러의.. 2023. 6. 15. React Native의 특징 및 장점 / 활용 React Native의 특징 및 장점 1. 자바스크립트에서 XML을 추가한 확장형 문법인 JSX(Javascript XML)를 사용 React native는 JSX를 사용하지 않고 순수한 자바스크립트 코드를 사용할 수 있지만, React를 사용하는 중요한 이유 중 하나가 ‘직관적’이라서 JSX를 사용하면 컴포넌트를 구성하는데 쉽게 적응할 수 있다. * 직관적->리액트를 사용하면서 코드를 보고 화면에 어떤 UI가 그려질지 충분히 예상 가능하다는 것 2. 소스코드 재사용과 생산성. 리액트는 Component 기반으로 기능을 분리하기 때문에 재사용할 수 있는 구조이다. 기존에 리액트로 개발된 사이트에서 Component 코드를 그대로 재사용하고 작성된 코드 하나로 iOS, Android를 동시에 개발하기 때.. 2023. 6. 15. 이전 1 다음 728x90 반응형