프로그래밍
[리액트를 다루는 기술] 2. JSX
Gilvert
2018. 10. 3. 19:08
728x90
* 김민준 저자님의 <리액트를 다루는 기술> 책을 보고 정리해 놓은 글입니다. 가볍게 일독을 마친 상태이고 모르는 부분 위주로 정리하고 구글링을 해서 도움이 되는 자료를 정리하겠습니다.
1. 번들링
var React = require('react');
var Component = React.component;
이렇게 모듈화해서 사용하는 것은 node.js의 기능
-> 웹브라우저에서 사용하는 자바스크립트는 node.js 런타임으로 실행하는 것이 아님
-> 웹브라우저에서는 번들링을 통해서 하면 된다.
2. 웹브라우전에서 자바스크립트 모듈 사용방법
- 모듈 여러개를 index.js에 합침
- index.js를 webpack을 거쳐서 bunded 자바스크립트 파일
3. 번들링 도구
- Browserify, RequireJS, webpack이 대표적임
-webpack의 loader가 합치는 것을 담당
4. if문 대신 조건문
- condition ? true : false;
5. && 을 사용한 조건부 랜더링
- condition && true;
6. 인라인 스타일링
- 스타일을 자바스크립트 객체 형식으로 만들어 적용ㄹ해야함
- const style = { backgroundColor: 'gray}
...
<div style={style}> youngsu.gil@gmail..com</div>
7. 주석 처리
- {/* 이런 형시으로 */}

"파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음"