main concept2 [리액트 파보기] (4) Main Concept 2 5. state and lifecycle state는 컴포넌트 안에서 정의된 오브젝트이다. render 함수가 호출되려면 타이머를 정해두고 계속해서 업데이트가 되게 해주어야 하는데 이러한 번거로움을 줄이기 위해 업데이트를 감지하는 오브젝트인 'state'가 만들어졌다. state와 props 의 차이는? state는 컴포넌트 안의 데이터이기 때문에 컴포넌트 내부에서 컨트롤이 가능하고, props는 컴포넌트 밖에서 주어지는 데이터(정보)임으로 상황에 따라 주어진 데이터를 받아야 할 때 사용한다. state 에서 업데이트가 감지되면 render 함수가 호출되고 원하는 UI 컴포넌트를 출력할 수 있다. 하지만, 리액트에서는 state를 직접적으로 수정하는 것을 권장하지 않는다. 그 이유는 오브젝트 불변성과 관.. 2022. 5. 18. [리액트 파보기] (4) Main Concept 리액트의 메인 컨셉은 위와 같다. 리액트 훅은 비교적 최근에 추가된 내용으로 아직 메인 컨셉에 포함되지는 않았다. Hooks 카테고리에서 확인할 수 있다. 공식문서를 하나하나 들여다보고자 한다. 1. Hello world create-react-app 으로 프로젝트를 생성하면 index.js 라는 파일이 보이는데 이곳에서 index.html 파일과 리액트 컴포넌트를 연결해주는 작업을 한다. import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import '@fortawesome/fontawesome-free/js/all.js'; ReactDOM.render( Hello, world! , document.get.. 2022. 5. 14. 이전 1 다음
