리액트 렌더링 (1) 썸네일형 리스트형 React 컴포넌트(Components) 정의 및 렌더링 컴포넌트(Components)? 컴포넌트는 React에서 화면에 표시할 내용들이 모여서 하나의 구역을 이루는 단위이다. 제작할 웹 사이트에서 같은 형식에 다른 값을 가지고 있는 부분을 만들때 유용하다. 위의 사진에서 빨간 박스의 형식이 밑에도 반복되지만 값은 다른것을 확인할 수 있다. 일일히 다 작성할 필요 없이 React에서 컴포넌트로 위와 같은 형식으로 정의하고 재사용 하면서 값만 바꾸면 더 편하게 코드를 작성할 수 있다. 이러한 컴포넌트 여러개가 모이면서 하나의 웹 페이지를 구성하게 되는 것이다. 컴포넌트 정의 방식 컴포넌트에는 함수형 컴포넌트와 클래스형 컴포넌트가 있다. 함수형 컴포넌트 기본 형식 function App() { return ( // HTML이 들어갈 자리 ); } 클래스형 컴포넌트.. 이전 1 다음
