Constructor Function 생성자 함수 new키워드와 함께 실행 하는 함수를 생성자 함수라고 한다. 생성자 함수는 일반적으로 함수명을 '명사'로 짓고, 함수명의 첫 글자를 대문자로 표기한다. 생성자 함수의 기본값 : this 자바스크립트에서 함수의 리턴값이 명시되지 않는다면 기본적으로 undefined가 반환된다. 하지만 아래 예제에서는 return값이 없는 함수임에도 특정객체가 반환되어 person1이라는 변수에 담기게 돈다. > 왜 이럴까? 생성자 함수의 기본 반환값은 this이기 때문이다. 또한 생성자 함수는 일반적으로 반환값을 명시하지 않는다. 자바스크립트의 객체 생성과정 모든 자바스크립트 객체는 생성자 함수를 이용해 만들어진다고 볼 수 있다. 아래와 같이 객체를 생성하는 방법은, 아래 방식과 동일하다. 여기서 Object, Array, Function은 js에 내장된 생성자 함수로, 첫번째 처럼 간결하게 작성해도

constructor 클래스에 생성자 추가하여 state초기화 super JavaScript 클래스에서 하위 클래스의 생성자를 정의할 때 항상 super를 호출해야한다. 모든 React 컴포넌트 클래스는 생성자를 가질 때 super(props) 호출 구문부터 작성해야 한다. state 여러개의 자식 컴포넌트 로부터 데이터를 모으거나, 자식 컴포넌트들이 서로 통신하게 하려면 부모 컴포넌트에 공유 state를 정의한다. 부모 컴포넌트는 props를 사용하여 자식컴포넌트에 state를 다시 전달할 수 있다. 일르 통해 서로 동기화 하도록 만든다. 불변성 기존 배열을 수정하지 않고 slice를 사용하여 배열의 사본을 만들었다. 불변성을 유지하는 것의 장점 이전 버전의 데이터를 유지하고 재사용하기 쉽다.(원본 데이터가 유지되므로) Pure Component를 만들 때 용이하다. : 데이터의 변경 여부를 쉽게 판단하여 Pure Component