특별한 일상

지난 포스팅 이었던 '[REACT] 리액트 JSX 태그 내부에 변수 넣기(React JSX in InnerTag)' 에 이어서 오늘은 JSX로 스타일 속성을 지정하는 방법을 알아보겠습니다. 기본적으로 DOM속성으로 뷰의 스타일을 지정할때 속성을 사용하는데... JSX에서 이 스타일 속성을 문자열로 지정할 수 없습니다. 스타일 속성으로 CSS 속성과 값을 객체로 지정해야 합니다. const param = {prop1 : value1, prop2 : value2, prop3 : value3 ...} const domStyle = ... 그럼 예시를 통해 더 자세하게 알아보겠습니다. 예시는 홈페이지 형태입니다. render()를 3개로 구분하여 header, contents, footer 영역으로 만들어서 홈..