JSXにスタイル属性を埋め込む方法

JSXでCSSを行として提供する方法
既存htmlタグコマンドライン内でスタイルを定義する

<div style= "backgroundColor : blue; color : red">
  배경을 검은색으로, 문자를 빨간색으로..
</div>

JSXではstyle={}形式でオブジェクト形式の括弧{}を用いて合成する

function StyleTest(){
  return(
    <div style = {{background : "blue", color : "red"}}>
    	 배경을 검은색으로, 문자를 빨간색으로..
    </div>
  )
}

または、オブジェクトタイプを変数として作成して管理できます.

let styles = {
	background : "blue",
  	color : "red",
    	fontSize : "18px",
  	"border": "2px solid green"
}

function StyleTest(){
  return(
    <div style = {styles}>
    	 배경을 검은색으로, 문자를 빨간색으로..
    </div>
  )
}