React
- Front-End Framework
- html, css, javascript, jQuery
- Component 선언, 재사용
- SPA(Single Page Application)
- 빠름, 데이터비용 절감
- 서버측 데이터를 요청할 때는 AJAX 사용
Input.js 컴포넌트 생성
function Input() { // jsx
function onChange(evt) {
let val = evt.target.value;
console.log("입력된 값:"+val);
}
return (
// 화면에 컴포넌트가 보여줄 내용 (html, xml, attributes)
<div>
<input type="text" value="" onChange={onChange} />
</div>
);
}
export default Input;
App.js 에 Input.js 출력
- import "./Input.js";
- <Input />
function App() {
return (
<div className="App">
<Input />
</div>
);
}
export default App;