728x90 컴포넌트2 [React] 컴포넌트(Component) 리액트에서 컴포넌트(Component)란, 리액트 앱의 UI 요소를 표현하는 최소한의 단위 요소입니다. 독립적인 부품으로 존재하기 때문에, 각 컴포넌트는 의존성이 낮아 재활용성이 높아집니다. 컴포넌트의 이름은 항상 대문자로 시작해야 하는데, 리액트는 소문자로 시작하는 요소들을 모두 DOM 태그로 인식하기 때문입니다. 컴포넌트를 생성하는 방법에는 1) 함수형 컴포넌트와 2) 클래스형 컴포넌트가 있습니다. 현재는 주로 함수형 컴포넌트로 컴포넌트를 생성하는 방법을 지향하지만, 기존 코드에서는 클래스형 컴포넌트가 사용되는 경우도 많기 때문에 두 가지 방법을 모두 알아보겠습니다. 1) 함수형 컴포넌트 함수형 컴포넌트는 function 키워드나 화살표 함수와 같이, 전형적인 JavaScript 함수의 형태로 작성됩.. 2024. 3. 10. [React] React에 대하여 React는 메타(구 페이스북)에서 개발한 오픈소스 자바스크립트 라이브러리입니다. React는 서버가 담당하던 화면 처리 작업들을 자바스크립트를 통해서 브라우저가 처리하는 SPA(Single Page Application)의 형식을 전제로 하고 있습니다. 비슷한 기능을 하는 프레임워크들은 Vue.js나 Angular.js가 있으나, 현재는 React가 가장 많이 쓰입니다. React의 장점 1) 컴포넌트(Component) 재사용 가능 React는 UI를 독립적인 부품인 컴포넌트로 분리한 뒤, 이 컴포넌트들을 조합하는 컴포넌트 기반 구조를 따릅니다. 화면의 각 부분들이 구분되어져 있기 때문에 전체 코드를 파악하기가 쉽습니다. 그리고 각 컴포넌트를 별개의 파일로 저장할 수도 있기 때문에 코드를 재사용하기에.. 2024. 1. 3. 이전 1 다음 반응형
