목록리액트/생활코딩 React (2)
영원히 흘러가는 강
* 컴포넌트는 최상위 태그를 하나 이상 포함해야한다.! import React,{ Component } from 'react'; // 리액트에서 컴포넌트 사용 class Subject extends Component { render() { return ( WEB world wide web! ); } } class App extends Component { render() { return ( ); } } export default App; props class Subject extends Component{ render(){ return ( {this.props.title} //밑에 App 에서 정의한 title 값 {this.props.sub} // 위와 마찬가지로 sub 값 ); } } class Ap..
일단 리액트 개발 환경을 만들기 위해서는 node js가 필요하다고 한다. 직접적인 연관은 없지만 node js가 가진 기능들이 리액트 개발시에 필요하기 설치한다고 한다.! nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 1.node js 설치 cmd로 npm -v 설치된 버전이 뜰것이다. 2. create-react-app 설치 npm install -g create-react-app 설치 이루어짐 3. 바탕화면에 react-app 으로 저장할곳 지정 cmd로 react-app 주소 따라가서 create-react-app . 명령어 실행, 폴더에 Create R..