React 애플리케이션을 스타일(styling)하는 보편적인 방식

리액트 컴포넌트를 스타일링하는 다양한 방법이 있고, 각각은 장단점이 있다. 주로 사용되는 것들은 다음과 같다.
- 인라인 스타일링(Inline styling) : 프로토타입을 만들 때 훌륭하지만 한계가 많다. (예로, pseudo-classes를 사용할 수 없다)
```
render() {        
const tempStyle = {        
	display:"inline-block",        
	width:"100px",        
	height:"100px",        
	boder:"1px solid black",        
	background:"orange"    
}    
	return (        
	<Fragment>           
		<div style={tempStyle}></div>        
	</Fragment>    
		);  
	}}
```
```
<div style={{             
	display:'inline-block',              
	width:'100px',              
	height:'100px'  
}}></div>
```
- 클래스 기반 CSS 스타일 : 인라인 스타일링보다 유용하고 React에 익수하지 않은 개발자들도 쉽게 사용할 수 있다.
- CSS in JS 스타일링 : 컴포넌트 안에서 스타일을 자바스크립트로 선언하여 스타일링할 수 있게 해주는 많은 라이브러리가 있다.