React (18) 썸네일형 리스트형 React.js - 컴포넌트 (1) 1. 함수형 컴포넌트 2.클래스형 컴포넌트 위 두개 코드들의 역할은 동일하다 하지만 클래스형 컴포넌트와 함수형 컴포넌트의 차이점은 클래스형 컴포넌트의 경우 state 기능 및 라이프사이클 기능을 사용할 수 있다 그리고 임의 메서드를 정의할 수 있다는 차이점이 있다 그리고 클래스형 컴포넌트에서는 render 함수가 꼭 있어야 한다 그 안에서 보여 주어야 할 JSX를 반환해야 하기 때문이다 함수형 컴포넌트의 장점은 우선 클래스형 컴포넌트보다 선언하기 편하다 메모리 자원도 클래스형 컴포넌트보다 덜 사용한다 또한 프로젝트를 완정하여 빌드한 후 배포할 때도 함수형 컴포넌트를 사용하는 것이 결과물의 파일 크기가 더 작다 단 함수형 컴포넌트의 주요 단점은 앞서 말했듯이 state와 라이프 사이클 API의 사용이 불가.. React - 리액트 이해 리액트의 이해 리액트는 자바스크립트 라이브러리로 사용자 인터페이스를 만드는데 사용한다 프레임워크와ㅏ 달리 오직 view만 신경 쓰는 라이브러리 이다 리액트 프로젝트에서 특정 부분이 어떻게 생길지 정하는 선언체가 있는데 이를 컴포넌트 라고 한다 컴포넌트는 재사용이 가능한 API로 수많은 기능을 내장하고 있으며 컴포넌트 하나에 해당 컴포넌트의 생김새와 작동 방식을 정의 한다 초기 랜더링 사용자 화면이 뷰를 보여주는 것을 렌더링이라고 한다 어떤 UI 관련 프레임워크 라이브러리를 사용하든지 간에 처음 어떻게 봉일지를 정하는 초기 렌더링이 필요하다 이를 다루는 render 함수가 있다 컴포넌트 내부에는 또 다른 컴포넌트들이 들어갈 수 있다 이때 render함수를 실행하면 그 내부에 있는 컴포넌트들도 재귀적으로 렌.. 이전 1 2 3 다음
