1. 배포하기 (프론트=Netlify + 서버=AWS EC2) 대망의 배포하기다...!! 다 만들어진 프로젝트를 그저 어딘가에 올리기만 하면되는거라 생각했기에 별거 없을거라 생각했다 ㅎ. 하지만 배포시에도 많은 시행착오와 어려움이 있었다. 1-1. 서버 배포하기 (AWS EC2) 우선적으로 우리는 서버를 먼저 배포하기로했다. 처음엔 어떤 플랫폼에서 배포할지를 고민했다. 학생인지라 너무 돈이 만히 들지 않으면서도 많은사람들이 이용하는곳을 사용하고싶어서 아마존의 AWS의 EC2를 사용하기로했다. 무료 클라우드 컴퓨팅 서비스 - AWS 프리 티어 Q: AWS 프리 티어란 무엇입니까? AWS 프리 티어는 고객에게 서비스별로 지정된 한도 내에서 무료로 AWS 서비스를 살펴보고 사용해 볼 수 있는 기능을 제공합니다..

2-3. 프론트 구현 (React) 기본적인 서버의 기반이 마련된후엔 프론트 또한 기본 작업을 들어가준다. 우리는 이번 프로젝트에서 React를 사용하였기에 vsc의 터미널 창을 사용해서 create-react-app 명령어를 통해 react 프로젝트를 만들어줬다. https://ko.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org react 프로젝트를 생성하고 나서는 필요없는 파일들을 정리해주고 우리가 사용할 모듈들을 npm을 활용해 package.json에 다운 받았다. axios : 프론트에서 서버와의 통신을 위해서 http-prox..

1. 아이디어 선정 (2022.06.20 ~ 2022.06.23) 1-1. 고려 사항 개발기간 (약 3~4개월) 언어 숙련도 (처음 사용) 인원 (2명) 목적: 완벽한 페이지 완성이 아닌 전체적인 웹 페이지의 동작 흐름 및 FE와 BE 그리고 DB와의 연동 방식 익히기 1-2. API 선정 : 처음 해보는 프로젝트인 만큼 재밌게 개발 할 수 있고 데이터의 종류에 대해서 익숙한 것을 사용하고 싶었다. 그래서 둘 다 좋아하고 자주하는 게임인 League of Legends의 API를 사용하면 흥미를 가지고 재미있게 할 수 있을거라 생각했다. 1-3. 아이디어 선정 : 처음엔 아직 아무도 만들지 않은 어떤것을 만들고 싶었지만... 하지만 짧은 개발 기간과 우리의 실력 미숙 및 프로젝트 목적을 고려해서 인터넷상..