Programming Storytelling

React 구성요소에는 클래스 구성 요소 만들기,함수 구성 요소 만들기가 있는데 먼저 클래스 구성요소를 만들기 위해서는 구성요소의 이름을 대문자로 시작하고 구성요소에 extend React.Component 문을 포함하여 React.Component에 대한 상속을 만든다. 이 과정은 React.Component 함수에 대한 엑세스 권한을 부여 하는 것이다. render()메서드의 사용도 잊지 말도록 하자. render()메서드를 사용함으로 메서드는 HTML을 반환한다. 아래의 코드는 React에서 클래스 구성요소를 만드는 예제이다. class Apple extends React.Component { render() { return hello,apple!!; } } React에서는 apple구성요소가 있는..

React를 시작하기 위해선 npm 과 node.js가 설치되어 있어야 한다. npm과 node.js가 정상적으로 pc에 다운로드 되어있다면 이런 결과가 나타날 것이다. node.js와 npm의 다운이 끝났다면 먼저 create-react-app을 설치하여 React애플리케이션을 생성한다. 먼저 터미널에서 아래와 같은 명령을 내리면 create-react-app이 설치가 된다. 이젠 첫 번째 react 애플리케이션을 만들 준비가 다 된것이다. 이제는 반작용 응용 프로그램을 실행하는 데 필요한 모든 기능을 설정 해야하는데 아래와 같은 명령을 os에 내려보도록 하자. 이제 해당 디렉토리로 이동한후 npm start 명령을 내리고 새 브라우저에 호스트 주소를 부여하면 위와 같은창이 뜰것이다.이제 React를 ..