React2 React - JSX 2 (CSS, 주석 사용법) 본 내용은 VELOPERT님의 '누구든지 하는 리액트 : 초심자를 위한 react 핵심 강좌' 강의를 듣고 복습하기 위해 작성한 내용입니다. css 사용하기 import React, { Component } from 'react'; class App extends Component { render() { const style = { backgroundColor : 'black', // 카밀케이스로 속성명 지정 padding : '16px', color : 'white', fontsize : '36px' }; return 안녕하세요!; } } export default App; 카밀 케이스로 속성명을 사용한다 jsx로 지정했기에 { } 안에 넣어주어야 한다. class를 사용한 style 지정 // App.. 2019. 8. 13. React - JSX 1 (기본문법) 본 내용은 VELOPERT님의 '누구든지 하는 리액트 : 초심자를 위한 react 핵심 강좌' 강의를 듣고 복습하기 위해 작성한 내용입니다. React - JSX 기본문법 JSX는 리액트에서 VIEW 를 구성하기 위해 사용 되는 문법이다. HTML과 유사하지만 조금 다른 문법 규칙이 존재하고 있다. 꼭 닫혀야 하는 태그 태그는 꼭 닫혀 있여하 한다. 태그를 열었으면 를 통하여 태그를 꼭 닫아주어야 한다. 태그를 닫지 않았다면 리액트는 오류를 발생시킬것 이다. import React, { Component } from 'react'; class App extends Component { render() { return ( // 오류 발생! ); } } export default App; import Rea.. 2019. 8. 9. 이전 1 다음