반응형 프로그래밍/react2 React 컴포넌트 클래스와 속성 React 컴포넌트 클래스 컴포넌트 클래스를 활용하면 기능을 느슨하게 결합된 부분으로 분리하여 코드를 재사용할 수 있다. ES6 문법을 이용하면 React.Component 클래스를 상속받아서 React 컴포넌트 클래스를 생성할 수 있다. class Child extends Parent 같은 형식으로 작성된다. 새로운 컴포넌트 클래스를 구현할 때는 반드시 render() 메서드를 작성해야 한다. 이 메서드는 다른 custom 컴포넌트 클래스나 html 태그로 만든 react 엘리먼트를 반환해야 한다. 예제 let h1 = React.createElement('h1', null, 'Hello world!') class HelloWorld extends React.Component { // React 컴포넌.. 2022. 3. 5. react란 무엇인가? React란? React는 UI 컴포넌트 라이브러리로 다른 특별한 템플릿 언어가 아닌 자바스크립트를 이용해서 만든다. React UI 컴포넌트는 매우 독립적이며 특정 관심사에 집중된 기능 블록이다. 예전에도 컴포넌트 기반 아키텍처(CBA)는 존재했었으나 React는 템플릿 언어가 없는 순수 자바스크립트를 기반으로 CBA를 구현해낸 점에서 차이가 있다. React의 장점 간결성 선언형 스타일 React는 뷰를 자동으로 갱신하는 선언형 스타일을 채택한다. 선언형으로 작성하면 복잡도를 줄여줄 뿐만 아니라 코드에 대한 이해도와 가독성을 높일 수 있어서 명령형보다 더 낫다. 아래 명령형코드를 실행하면 각 값이 두 배가 되고 console에서 a[2,4,6,8,10] 이라는 결과를 확인할 수 있다. var arr .. 2022. 2. 28. 이전 1 다음 반응형
