A New Life

수업내용 1교시 (09:30-10:20) 034/App.js import React from 'react'; import './App.css'; import ReactstrapAlerts from './R034_ReactstrapAlerts' import 'bootstrap/dist/css/bootstrap.css' function App() { return ( Start React 200! CSS 적용하기 ); } export default App; // npm install reactstrap --save // npm install bootstrap --save R034_ReactstrapAlerts.js import React, { Component } from 'react'; import { Al..

수업내용 1교시 (09:30-10:20) 025/App.js import React from 'react'; import './App.css'; import SetState from './R025_SetState' function App() { return ( Start React 200! CSS 적용하기 ); } export default App; R025_SetState.js import React, { Component } from 'react'; class R025_SetState extends Component { constructor (props) { super(props); this.state = { StateString: 'react', } } StateChange = (flag) => {..

수업내용 1교시 (09:30-10:20) 019/App.css div { background-color: rgb(162, 127, 243); color: rgb(255, 255, 255); padding: 40px; font-family: 고딕; text-align: center; } h1 { color: white; background-color: #2EFE2E; padding: 10px; font-family: 궁서; } 019/App.js import React from 'react'; import './App.css'; import PropsBoolean from './R019_PropsBoolean' function App() { return ( Start React 200! CSS 적용하기 )..

수업내용 1교시 (09:30-10:20) 리액트 재설명 2교시 (10:30-11:20) 016/App.js import React from 'react'; import './App.css'; import Jquery from './R016_Jquery' function App() { return ( Start React 200! CSS 적용하기 ); } export default App; // # npm install jquery // npm init -y // 1. create-react-app 016 // 2. cd 016 // 3. 016>npm start 016/App.css div { background-color: rgb(162, 127, 243); color: rgb(255, 255, 255..