annyhpk.log

React

React - LifeCycle 간단히 알아보기

크게 3가지 단계로는 Mount -> Update -> Unmount 로 나눠진다. 1. Mounting - 화면을 그린다. constructor - React Component 를 생성한다. : 지역 state를 초기화, 이벤트 처리 메서드 바인딩 ※ this.state나 this.setState()를 사용해야하며, props를 복사하면 안됩니다.( super(props)--X ) (New) getDerivedStateFromProps - props 로 받아온 것을 state 에 넣어주고 싶을 때 사용. render - 컴포넌트를 렌더링합니다. virtualDOM에 해당 컴포넌트를 생성. ※ 실제 DOM노트에 표시를 하는 메소드는 ReactDOM.render 메소드를 통해 표시하게 됩니다. compon..

Javascript

[React] webpack 빌드 순서 이해하기

npm init npm i react react-dom npm i webpack webpack-cli Project ├ node_modules ├ index.html ├ client.jsx 추가 ├ Project.jsx 추가 ├ webpack.config.js 추가 ├ package.json └ package-lock.json