본문 바로가기
반응형

React37

33. React 생태계와 주요 라이브러리 - 2 Redux, Redux Saga, Styled-components 등의 사용법과 장단점 이번 글에서는 React 애플리케이션 개발에 자주 사용되는 Redux, Redux Saga, 그리고 Styled-components의 사용법과 장단점에 대해 알아보겠습니다. 1. Redux 사용법: Redux는 상태 관리 라이브러리로, 애플리케이션의 상태를 하나의 스토어(store)로 관리합니다. 상태 변경은 액션(action)을 통해 이루어지며, 리듀서(reducer)를 통해 상태가 어떻게 변경되는지 정의합니다. 장점: 중앙 집중식 상태 관리: 모든 상태가 단일 스토어에 저장되어 개발 및 디버깅이 용이합니다. 예측 가능한 상태 변경: 액션에 의해 변화가 일어나므로 상태 변경을 추적하기 쉽습니다. 단점: 러닝 커브가 .. 2024. 2. 20.
32. React 생태계와 주요 라이브러리 - 1 React Native 소개와 모바일 앱 개발 React Native는 Facebook에서 개발한 모바일 애플리케이션 개발 프레임워크로, JavaScript와 React를 이용하여 iOS 및 Android 앱을 개발할 수 있습니다. 이번 글에서는 React Native의 개요와 모바일 앱 개발에 대해 알아보겠습니다. 1. React Native란? React Native는 웹 개발자들이 JavaScript와 React로 iOS 및 Android 애플리케이션을 개발할 수 있게 해주는 오픈 소스 프레임워크입니다. React Native를 사용하면 동일한 코드베이스를 공유하면서 각 플랫폼별 네이티브 컴포넌트와 기능을 사용할 수 있습니다. 간단한 React Native 예시: import React from '.. 2024. 2. 20.
31. 배포 - 2 AWS, Netlify, Heroku 등을 이용한 배포 방법 React 애플리케이션을 배포하기 위해서는 다양한 호스팅 서비스를 활용할 수 있습니다. 이번 글에서는 AWS, Netlify, Heroku 등을 이용한 배포 방법에 대해 알아보겠습니다. 1. AWS를 이용한 배포 Amazon Web Services(AWS)는 클라우드 호스팅 서비스로, React 애플리케이션을 배포하는 데 많이 사용됩니다. 주로 Amazon S3와 AWS Amplify를 이용하여 정적 파일을 호스팅하고, AWS Lambda와 API Gateway를 이용하여 백엔드 서비스를 구축할 수 있습니다. Amazon S3를 이용한 정적 파일 호스팅 예시: 먼저 React 애플리케이션을 빌드합니다. npm run build 빌드된 파일을 A.. 2024. 2. 20.
30. 배포 - 1 React 애플리케이션을 위한 배포 전략 React로 개발한 애플리케이션을 배포하기 위해서는 몇 가지 고려해야 할 사항이 있습니다. 이번 글에서는 React 애플리케이션을 배포하는 전략에 대해 알아보겠습니다. 1. 정적 파일 호스팅 React 애플리케이션은 정적 파일로 빌드되기 때문에, 가장 간단한 배포 방법은 정적 파일을 호스팅하는 것입니다. 대표적인 정적 파일 호스팅 서비스로는 Netlify, Vercel, GitHub Pages 등이 있습니다. # React 애플리케이션 빌드 npm run build # 빌드된 파일을 정적 호스팅 서비스에 업로드 2. 서버 사이드 렌더링(SSR) 적용 SEO(Search Engine Optimization)를 위해 React 애플리케이션에 서버 사이드 렌더링을 적용.. 2024. 2. 20.
반응형

티스토리툴바