React

ㅡ. 시작 ㅡ. 초기렌더링 render() 컴포넌트가 어떻게 생겼는지 정의하는 역할을 수행, 객체를 반환 ㅡ. Virtual DOM DOM = Document Object Model 약자. 객체로 문서 구조를 표현하는 방법, 트리형태 구성 DOM에 변화가 생기면 웹 브라우저에서는 CSS 연산, 레이아웃 구성 및 페이지 렌더링 수행 (시간이 소요) Virtual DOM은 DOM에 접근하여 조작하지만, 추상화 자바스크립트 객체 구성하여 사용합니다. ㅡ. 작업 환경 설정 1. Node.js / npm 2. vscode 3. Git 4. create-react-app 프로젝트 생성 ㅡ.create-react-app 으로 프로젝트 생성 ㅡ. JSX 번들러 도구 = 묶는다. 주로 웹팩이 그 기능을 수행하는데, im..

예전에 해봤었던 react를 복습.. ㅡ. React Hook function 단위로 시작되는것을 말한다. 즉, class없이 state를 사용할 수 있는 기능이다. ㅡ. Provider react로 작성된 컴포넌트를 Provider안에 넣으면 redux store에 접근이 가능하다. ㅡ. Connect() Provider 컴포넌트 하위에 존재하는 Component 가 Store에 접근하게 만드는 역할 수행 ㅡ. mapStateToPros connect 함수에서 첫번째 인수로 들어가는 함수, store가 업데이트 될때마다 자동적으로 호출된다. ㅡ. mapDispatchToProps connect 함수에서 두번째 인자로 들어가는 함수다. store에 접근한 컴포넌트가 store 상태를 바꾸기 위해서 dis..