일렉치는 취준생

앞에 일차들은 VScode 설치와 같은 간단한 수업이여서 스킵했습니다 ! 클래스형 컴포넌트의 경우 JavaScript의 클래스 개념을 이용한다. React.Component를 상속받는 클래스형 컴포넌트 예시 코드 import React from "react"; class App extends React.Component { render() { return Hello; } } export default App; 클래스형 컴포넌트를 사용할 때는 반드시 render 함수가 정의되어야 한다. render는 반드시 JSX를 return하는 부분을 포함하고 있어야 한다. 함수형 컴포넌트는 function 키워드와 함수명, JSX를 return하는 부분으로 구성되어 있다. function App() { return ..

컴포넌트란 무엇인가? 컴포넌트는 요소라는 뜻으로, 여러 요소들을 합쳐서 전체 요소를 만들 수 있다. 리액트가 컴포넌트를 사용하는 방법 ? 여러 컴포넌트들이 모여서 오브젝트를 구성하고, 전체 페이지를 만든다. 컴포넌트는 자바스크립트의 함수형으로, props를 입력받아 JSX를 리턴한다. 이러한 함수형 컴포넌트들을 모아 전체 리액트 앱을 구성한다 컴포넌트의 장점 ? 1. 가독성 : 각 컴포넌트는 명확한 기능을 수행하여 가독성을 높여준다. 2. 재사용성 : 컴포넌트는 특정 기능을 재사용함으로써 생산성과 재사용성을 향상시킨다. 3. 유지보수 : 모듈화된 구조는 코드 수정 및 업데이트를 간편하게 만들어 유지보수를 좋게한다. 이러한 장점들은 효과적인 개발과 유연한 유지보수를 가능하게 한다 ! 컴포넌트를 잘 사용해서..