JSX 내부의 자바스크립트 표현식에서 if문을 사용할 수는 없다. 하지만 조건에 따라 다른 내용을 렌더링해야 할 때는 JSX 밖에서 if문을 사용하여 사전에 값을 설정하거나, { } 안에 조건부 연산자를 사용하면 된다. 조건부 연산자의 또 다른 이름은 삼항 연산자이다. import React from 'react'; function App() { const name = '리액트'; return ( {name === '리액트' ? ( 리액트입니다. ) : ( 리액트가 아닙니다. )} ); } export default App;

Node.js 크롬 V8 자바스크립트 엔진으로 빌드한 자바스크립트 런타임이다. 이것으로 웹 브라우저 환경이 아닌 곳에서도 자바스크립트를 사용해서 연산할 수 있다. 2009년 Node.js가 출시된 이후 자바스크립트는 웹 브라우저 영역 외에도 웹 서버, 모바일 앱, 데스크톱 앱 등에서도 엄청나게 활약할 수 있게 되었다. 리액트 어플리케이션은 웹 브라우저에서 실행되는 코드이므로 Node.js와 직접적인 연관은 없지만, 프로젝트를 개발하는데 필요한 주요 도구들이 Node.js를 사용한다. 바벨(babel) 이 때 사용하는 개발 도구에는 ECMAScript 6(2015년에 공식적으로 업데이트한 자바스크립트 문법)를 호환시켜주는 도구이다. 웹팩(webpack) 모듈화된 코드를 한 파일로 합치고(번들링), 코드를 ..