2024/11 2

컴포넌트란?

컴포넌트란?리액트 앱을 구성하는 최소한의 단위, 리액트의 기본적인 구성요소즉, 애플리케이션의 구성 요소를 담당하며 재사용가능하고 독립적인 단위로 구성컴포넌트는 UI를 작은 단위로 분리하여 개발하고 유지보수 할수 있도록 하는데 도움을 줌따라서 컴포넌트를 사용하면 코드의 가독성과 재사용성을 높일수 있다는 장점이 있음클래스 컴포넌트 vs 함수 컴포넌트클래스 컴포너트ES6 클래스 사용해서 정의render() 메서드로 UI 반환생명주기 메서드 기능 제공상태관리 기능 제공함수 컴포넌트JavaScript 함수로 정의JSX 반환react-hook 사용하여 생명주기 기능 활용컴포넌트 장점재사용성컴포넌트는 독립적이고 모듈화된 단위로 작성필요한 곳에서 쉽게 재사용 가능가독성과 유지보수성컴포넌트 기반으로 개발을 하게 되면UI..

공부/React 2024.11.07

Create React App 주요 개념

1.create-react-app 주요 개념 설명Create React App한번에 React 개발 환경을 구성해주는 환경meta에서 만든 보일러플레이트로 공식적으로 지원되는 Single Page React Application을 만드는 방법 중 하나따로 React 환경을 구성할 필요없이 최신의 빌드설정을 제공하고 React의 개발 초기에 필요한 여러 라이브러리 및 패키지등을 세팅해줌굉장히 간편하다는 장점이 있음장점하나의 명령어로 react 프로젝트를 손쉽게 세팅 가능초기 개발 시간 단축, 개발 생산성 향상React 앱 개발에만 집중할 수 있음(babel, webpack 등 심화된 관리 x)단점빌드 설정을 커스터마이징하기 어려움, 따로 추가적인 수정이 필요함리액트 앱 구조에 대해서 이해하기 어려울 수 있..

IT/React 2024.11.04