728x90

react배포 3

[React]AWS EC2로 React 배포하기, 도메인 연결

Netlify, Firebase로 React 프로젝트를 배포하는 방법을 알아본 이후, AWS를 통한 React 프로젝트 배포방법도 알아보았다🙌🏻 AWS를 통해 React와 같은 SPA를 배포하는 방법은 2가지가 있다. AWS EC2를 활용한 배포와 AWS S3+cloudfront를 활용한 배포이다. 이때, 각 배포 방법에서 배포할 수 있는 서버가 다르다. EC2를 이용한 경우 웹 서버와 WAS 서버를 배포할 수 있고, S3+cloudfront를 이용한 경우 정적 콘텐츠을 배포할 수 있다. 🔎EC2를 통한 배포 EC2를 통해 웹 서버와 WAS 서버를 배포할 수 있기 때문에, react 프로젝트를 배포하기 위해서는 express 서버를 이용해야 한다. express 서버는 웹 서버로도 이용할 수 있고, WA..

💻웹(Web)/React 2023.09.07

[React]Firebase로 React 배포하기, Mixed-Content 에러

Netlify로 React 프로젝트를 배포한 이후, 여러가지 배포방법을 공부해보고 싶어서 Firebase를 이용해 React 프로젝트를 배포하는 방법도 정리해보았다🙌🏻 🔎Firebase Firebase는 개발을 편리하게 해주는 클라우드 기반의 모바일 및 웹 애플리케이션 개발 플랫폼이다. 애플리케이션 개발 과정에서 사용되는 기능(예: 사용자인증, DB, 배포)들을 정형화된 서비스로 제공함으로써 개발자들이 더 빠르고 효율적으로 개발할 수 있게 한다. 🔎Firebase를 통해 React 프로젝트 배포하기 Firebase가 제공하는 기능들 중 배포 서비스를 이용해보도록 하자. 1. 프로젝트 생성하기 아래 링크에서 “프로젝트 만들기”로 프로젝트를 생성한다. https://console.firebase.google..

💻웹(Web)/React 2023.09.03

[React]Netlify로 React 배포하기: 새로고침, API 연결 에러 해결방법

졸업 프로젝트를 진행했었을 때는 시간적 제약으로 인해서 배포까지 마치지 못하여 프로젝트를 끝냈었다. 로컬에서는 프로그램이 잘 동작하지만 배포하면 동작하지 않을 때가 많은 것 같다. 이번 창업 동아리 활동을 하면서도 로컬에서는 잘 동작했었는데, 배포를 하면서 백엔드 서버와 API 연결이 제대로 이루어지지 않는 문제가 생겼었다. 배포에 대해서 공부도 해볼겸 겸사겸사 정리해보았다🙌🏻 🔎Netlify 이번 창업 동아리 중간 프로젝트는 Netlify를 이용해서 배포했다. Netlify는 정적 웹 애플리케이션 및 싱글 페이지 애플리케이션(SPA) 배포에 특화되어 있는 서비스이다. 🔎Netlify를 통한 React 프로젝트 배포 방법 Netfliy를 통한 React 프로젝트 배포 방법은 다음과 같다. 1. React..

💻웹(Web)/React 2023.09.01
728x90