식초의 지식보관소

state로 숫자 증감 기능 만들어 보기 state는 동적 데이터를 다룰 때 사용한다. 동적 데이터란 변경될 가능성이 있는 데이터이다. 예를 들어 객체의 구성 요소 중 일부가 있다가 없을 수도 있고, 구성 요소가 하나였다가 둘이 될 수도 있다. 클래스형 컴포넌트 작성하기 App.js에서 두 줄(맨 위, 맨 아래)만 남기고 모두 지운다. 클래스형 컴포넌트 코드 핵심은 App 클래스가 React.Component 클래스를 상속 받도록 extends React.Component를 붙인다. '리액트가 제공하는 Component 클래스를 상속받는다' 의 뜻은? 상속은 '클래스에 다른 클래스의 기능을 추가할 수 있게' 해준다. extends React.Component를 붙이면 (리액트가 제공하는 Component..

props : 사용자가 컴포넌트를 사용하는 입장에서 중요한 것 state : props의 값에 따라서 내부의 구현에 필요한 데이터들이다, 복잡한 컴포넌트 만들 때 사용 State 사용 State 값 초기화 : render() 보다 먼저, constructor()함수 이용해서 코드를 짠다 constructor에서 this.state ={} : 초기화 subject: {title:'WEB', sub: 'World Wid Web'} : subject의 값을 스테이트화 시킨다 Subject 컴포넌트에서 : 리액트에서 코드를 인식하게 하려면 { }를 쓴다 외부에서 볼 수 없게 철저히 은닉하는 것이 좋은 사용성이다. 상위 컴포넌트의 state를 하위 컴포넌트로 props로 전달 가능하다. this.state ={}..