🤓 슬기로운 개발생활 🤓 슬기로운 개발생활

함수형 컴포넌트 vs 클래스 컴포넌트 컴포넌트는 자바스크립트의 함수처럼 하나의 기능을 하는 단위라고 생각하면 될 것 같다. 하나의 컴포넌트는 하나의 커스텀 태그의 역할을 한다. 컴포넌트는 함수형으로, 클래스형으로 작성할 수 있다. 함수형 컴포넌트 함수 컴포넌트로 태그를 만들었다. 이 컴포넌트는 index.js에서 사용하고 있고, 로 name이라는 props를 넘겨주고 있다. props를 받기 위해서는 App에서 props를 인자로 받아야한다. 클래스 컴포넌트 ES6 class를 사용하여 컴포넌트를 정의할 수도 있다. 어떻게 Hello, wow가 화면에 렌더링 되게 되는 것일까? 1. 엘리먼트로 ReactDOM.render()를 호출하게 된다. 2. React는 {name : "wow"} 를 props로 ..

라이프 사이클이란? 인간의 생명주기를 나눈다면 배에서 태아가 생길 때, 인생에서 큰 사건을 만났을 때, 죽을 때로 나눌 수 있을 것 같다. 마찬가지로 리액트에서도 생명주기를 나눠볼 수 있다. 라이프 사이클은 총 3단계로 정의할 수 있다. 1. Mounting (생성) mounting은 리액트에서 무언가가 consturctor안에서 생성될 때이다(화면에 무언가가 렌더링 되었을 때). mounting 단계에서는 props나 state를 변경해서는 안된다. 2. Updating (업데이트) updating은 어떤 것이 수정될 때를 말한다. 예를 들어 새로운 props를 받을 때, setState()를 실행할 때가 이 단계에 해당된다. 3. Unmounting (삭제) unmounting은 컴포넌트가 삭제될 때..