JAM Development

React의 기능에는 props라는 부모와 자식 컴포넌트 간의 통신을 할때, 부모 컴포넌트가 자식 컴포넌트한테 원하는 데이터를 보내는것을 의미한다. 이러한 점은 커스텀 버튼 이나 다양한 함수로서 사용이 편리하다 .하지만  props는 오브젝트로 오직 한개의 props만 보낼 수 있고, props 오브젝트안의 파라미터 구성은 여러개 가능하다. props는 기본 방법이 있고, 단축어 방법이 있다.   function Btn(props) { console.log(props.text, "이 렌더링되었습니다."); return ( {props.text} ); }const MemorizedBtn = React.memo(Btn); fu..

ReactJS에는 memo라는 유용한 기능이 있다. 만약 커스텀 버튼을 여러개를 생성 하고 클릭을 할경우, 특정 버튼의 이름이 변경되는 함수가 있다. 특정 버튼의 이름이 변경되는 작업을 할 때, 브라우저에서는 매번 새로운 렌더링을 통해 다시 컴포넌트를 그리는데 이러한 작업은 경우에 따라 서비스를 매우 느리게할 수 있는 중요한 문제점으로 인식된다. 해당 문제점을 해결 하기 위해서 ReactJS에서는 변경이 필요하지않은 컴포넌트는 다시 그리지 않고 변경된 컴포넌트만 다시 그리는 작업을 해주는 함수가 React.memo 라는 함수이다. function Btn({ text, onChangeValue }) { console.log(text, "이 렌더링되었습니다."); return ( {text} ); } .....