const React = require('react'); class Test extends React.Component { state = { counter: 0 } onClick = () => { this.setState({}) } render() { return ( 클릭 ) } } module.exports = Test; 위의 코드를 실행한 결과이다. 버튼을 누를 때마다 불필요하게 렌더링이 되어버린다. 해결방법1. shouldComponentUpdate const React = require('react'); class Test extends React.Component { state = { counter: 0 } shouldComponentUpdate(nextProps, nextState, nextC..

회사에서는 Vue로 개발을 하고 있다. 이번에 새로 들어가는 프로젝트는 새로운 기술에 도전 해 보고 싶어 React로 개발을 할 생각이다. 그래서 사수에게 왜 Vue가 아닌 React로 개발을 해야하는지 설득을 해야한다. 설득하기 위해 Vue와 React의 차이부터 찾아보겠다. React는 라이브러리이고 Vue는 프레임워크이다. 이러한 이유로 React는 자바스크립트 문법을 응용해 비교적 자유롭게 개발할 수 있지만, 뷰는 지정해 준 문법 방식으로만 개발을 할 수 있다. 그렇다. 생각해보면 Vue에서 반복문을 사용할 때는 v-for밖에 없지만 React에서는 map, for 뿐만 아니라 다양한 js메서드를 활용할 수 있다. https://joshua1988.github.io/web_dev/vue-or-re..