State (3) 썸네일형 리스트형 [Fast Campus , React] 7. TicTacToe 앱 만들기 (3) - super / props & state 자바스크립트에서 super 자식 클래스 내에서 부모 클래스의 생성자를 호출할 때 사용된다 자식클래스 내에서 부모클래스의 메서드를 호출할 때 사용된다. super([인자값]); // 부모 생성자 호출 super.functionOnParent([인자값]); super이후에 this 키워드 생성자에선 super키워드 하나만 사용되거나, this키워드가 사용되기 전에 호출되어야 한다 super이후에 this가 나와야 하는 이유 부모클래스의 생성자를 호출하기 전 this. 변숫값을 사용하려 하면 문제 발생 React에서 this.state를 생성자에서 정의할 때 super가 먼저 와야 하는 것도 같은 이유 React에서 super에 props를 인자로 전달해야 하는 이유 React.Component객체가 생성될 .. [Fast Campus , React] 6. TicTacToe 앱 만들기 (2) - props, state Pros를 통해 컴포넌트 간에 데이터를 전달하기 Props : Properties의 줄임말 Props는 상속하는 부모 컴포넌트로부터 자녀 컴포넌트에 데이터 등을 전달하는 방법 읽기 전용 (immutable)으로 자녀 컴포넌트 입장에선 변하지 않는다 (변하게 하고자 하면 부모 컴포넌트에서 state를 변경시켜줘야 한다 1. 상위 컴포넌트가 임의이 이름으로 (여기선 value) props 설정하고 하위 컴포넌트에 값 설정 export default class Board extends Component { renderSquare(i) { return } render() { const status = "Next Player: X"; return ( {status} {this.renderSquare(0)} {th.. Coding Apple, React 강좌 내용 정리.17 - Redux.1 Redux 컴포넌트간에 줄줄이 엮어서 사용하는 props 대신에 redux라는걸 사용할 수 있다. 연결된 컴포넌트들이 state의 공유가 가능하다. Redux 사용하기 위한 순서 1. 설치 터미널에서 npm install redux react-redux 2 . 사용 준비 in code import {Provider} from 'react-redux' // Provider 생성 import { createStore } from 'redux' // redux 생성 필요한 부분을 감싸기 - 로 state를 공유할 대상을 ( ) 감싼다 - 공유할 state를 createStore 함수로 생성한다. let store = createStore( state를 가져오고 리턴하는 함수() ); - createStore로.. 이전 1 다음
