| 클래스형 컴포넌트 클래스형 컴포넌트는 함수형 컴포넌트보다 사용이 덜 합니다. 하지만 프로젝트의 유지보수를 위해 알아봅시다 ! 함수형Hello.js import React form 'react; function Hello ( { color, name, isCheck } ){ return ( { dispathc({ type : "start' }). }; 하지만 클래스형 컴포넌트에서는 render 함수 내부터에서 선언은 할 수 있기는 하지만, 일반적으로 그렇게 하지 않고 클래스 안에 커스텀 메서드를 선언합니다. class Example extends Component { Count(){ console.log("내부선언 메서드"); } } render(){ return ( 카운트 실행 } } export d..
리액트에서는 useState를 활용하여 마음대로 값을 변경할 수 있다. 하지만, 유의할 점 몇 가지를 짚고 넘어가자. 리액트의 state OR props 값이 바뀌면 그 state값을 가지고 있는 Component의 render()함수가 다시 호출되고 render()밑엣것들도 다시 다 호출된다. 즉, 화면이 다시 리랜더링된다는 뜻. - 어떤 Component가 실행될 때 render라고하는 함수보다 먼저 실행이되면서 초기화시켜주고 싶은 코드는 constructor라는 함수가 있다면 해당 코드가 제일 먼저 실행되면서 초기화를 담당한다. 초기화가 끝나면 this.state = { subject:{title:'WEB', sub:"World"} }로 초기화시킬 수 있다. class App extends Comp..