song.log

1. State 사용 state를 사용하기 위해서는 클래스형 컴포넌트가 기반이 되어야 한다. 기본 형태로는 아래와 같다. 1) state로 부모 컴포넌트 > 자식 컴포넌트로 값 넘겨주기 먼저 생성자에 state를 선언해주고 그 state 값을 렌더링할 때 사용할 수 있다. 또한 이 state 값을 자식 컴포넌트에게 넘겨준다면, 자식 컴포넌트는 이 데이터를 props를 통해 사용할 수 있게 된다. //부모 컴포넌트 Test import React, { Component } from 'react'; import TestChild from './TestChild'; class Test extends Component { constructor(props){ super(props); this.state ={ na..

1. 컴포넌트(Component) 제작 리액트로 만들어지는 앱을 이루는 최소한의 단위로 공식 문서를 보면 자바스크립트의 함수 역할을 맡은 존재와 같다. 컴포넌트는 React의 Component 객체를 상속하는 클래스를 생성해서 export하는 App에 태그화 하여 작성하면 클래스의 html 코드를 구현할 수 있다. import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; class App extends Component { render(){ return ( ); } } class Subject extends Component{ render(){ return ( WEB World Wide Web )..

React(리액트)는 자바스크립트로 만들어진 프레임워크로 Facebook UI Library이다. 기존의 프론트언어가 아닌 리액트를 사용하고자 하는 이유는 대부분 아래와 같다. 1. 가독성 2. 재사용성 3. 유지 / 보수 용이 1. create-react-app을 이용해서 개발환경구축 1. npm 설치 npm install -g create-react-app ※ 오래된 버전의 경우 더이상 템플릿을 지원해주지 않는 경우가 있다. 최신 버전으로 깔아야 템플릿을 받을 수 있다. A template was not provided. This is likely because you're using an outdated version of create-react-app. Please note that global ..