프로그래밍

[리액트를 다루는 기술] 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. 주석 처리

- {/* 이런 형시으로 */}



가우넷 구름 USB 충전식 양면 대용량 보조배터리 손난로, 단일 상품, 화이트



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