커리까지

리액트의 기본 구조 import React from 'react'; class Customer extends React.Component { render() { return( ) } } export default Customer; import로 패키지를 불러오고 export로 class를 내보낸다. import './App.css'; import Customer from './components/Customer' import React from 'react'; class App extends React.Component { render() { return ( ); } } export default App; 그러면 App.js에서 실제로 페이지에 그려지게 되니깐 여기서 만들었던 Customer을 불러서 넣..

저번강의 이름, 학생, 색상이 속성 function Show(props) { return ( Name is {props.name} ); } const element = ; ReactDOM.render(element, document.getElementById('root')); Show라는 특정한 컴포넌트를 태그처럼 쓸 수 있다. ReactDOM.render(, document.getElementById('root')); 이렇게 바로 넣어도 된다. function Show(props) { return ( Name is {props.name} ); } Show.defaultProps = { name:'펭하' } ReactDOM.render(, document.get..