반응형 react38 18. Webpack과 프레임워크 통합 - 1 Webpack에서 React, Angular, Vue와의 통합 웹팩은 각종 프레임워크와의 통합을 지원하여, React, Angular, Vue와 같은 인기 있는 프론트엔드 프레임워크와 함께 사용될 수 있습니다. 이번 글에서는 각 프레임워크와의 통합 방법에 대해 알아보겠습니다. 1. React와 함께 사용하기 React는 JSX라는 문법을 사용하므로, Babel과 함께 웹팩에서 사용됩니다. 먼저 필요한 패키지를 설치합니다. npm install react react-dom npm install --save-dev @babel/preset-react 웹팩 설정 파일에 다음과 같이 Babel 프리셋을 추가합니다. // webpack.config.js module.exports = { // ... 다른 설정 m.. 2023. 12. 25. 17. jQuery와 React, Vue-2 #2 React 라이브러리 React 라이브러리는 Facebook에서 개발하고 유지보수하는 UI 라이브러리로, 컴포넌트 기반으로 UI를 구성할 수 있도록 해줍니다. React는 기본적으로 가상 DOM을 사용하여 UI 업데이트를 효율적으로 처리하며, 컴포넌트의 상태 변화를 감지하여 자동으로 UI를 업데이트하는 등 개발자의 생산성을 높여주는 다양한 기능을 제공합니다. 이번에는 React의 주요 기능들을 알아보겠습니다. 컴포넌트(Component) React에서는 모든 UI 요소를 컴포넌트로 구성합니다. 컴포넌트는 일종의 독립적인 모듈로, 재사용성이 높은 UI 코드를 작성할 수 있도록 돕습니다. 컴포넌트는 자신만의 상태(state)와 속성(props)을 가지며, 이를 이용해 동적인 UI를 구성할 수 있습니다... 2023. 3. 19. 이전 1 ··· 7 8 9 10 다음 반응형
