첫 번째 개인 프로젝트 - Arcane

(2022.06.20 ~ 2022.10.31)

1. 소개

프로젝트 Arcane은 Riot Developer에서 제공하는 League of Legends의 APIs를 활용하여 소환사 전적 검색 사이트를 만드는 프로젝트이다.
주요 기능으로는 소환사 전적 검색, 챔피언 정보 전달 그리고 커뮤니티 기능이 있다.
개발은 2명에서 진행되었으며 해당 프로젝트를 통해 하나의 웹페이지의 동작 방식 및 front와 server 및 DB의 연동 방식을
숙지하는 것이 목표이다.

FE (Client)
1. React
  Frontend부분에선 최근 웹 시장 점유율이 가장 높으며 javascripts를 활용해 동적인 웹페이지의 모습을 구현할 수 있는
  React 프레임워크를 사용했다.
  (+ 서버와의 연결을 위해 Axios 라이브러리를 활용했다.)
2. Netlify
  웹페이지 배포를 위하여 무료 배포 사이트인 Netlify를 활용하였다.
BE (Server)
1. Node.js
  Backend에선 React와 함께 javascripts를 활용해 구축할 수 있는 node.js를 활용하였다.
  (+ 추가로 서버는 express 라이브러리를 메인으로 활용해 구현하였다.)
2. AWS EC2
  서버 배포를 위해 AWS의 EC2모델을 사용하였다.
  (+ 부가적으로 서버 운용을 위해 Putty를 사용해 ec2에서 주는 ubuntu를 동작하였다.)
Git
1. git & gitHub
  두 명이서 협업하기 위하여 git을 베이스로한 gitHub를 활용해 프로젝트를 관리 및 유지보수 하였다.
DB
1. MongoDB
  NoSQL식이며 클라우드 저장 방식의 데이터베이스를 사용하기 위하여 MongoDB를 사용하였다.
2. Mongoose
  MongoDB의 사용을 간편하게 하기위하여 ODM인 Mongoose 라이브러리를 활용하였다.
개발도구
1. VSC (Visual Studio Code)
2. GitHub Desktop

아이디어 회의 및 개발 플랫폼 선택
개발 도구 선택 및 디자인 초안 구성
역할 분담 및 개발 시작
클라이언트, 서버 연동
오류 수정
배포
유지보수
- 위 과정들의 상세한 내용은 너무 많기에 추후 과정별로 포스팅할 예정이다. - 단, "오류 수정"은 별도의 오류 카테고리에 작성할 예정이다.

현재는 개발이 완료된 상태이며 처음 하는 프로젝트였기에 오류 수정및 개발하기에도 당시의 나에겐 벅찼기에 개발과 함께 블로그 포스팅을 함께 진행하는것이 힘들었다(이제는 많이 익숙해지고 실력이 비약적으로 상승했기에 다음 프로젝트부터는 블로그 포스팅도 동행할 예정). 그렇기에 이후에 포스팅될 Arcane 프로젝트에 관한 내용들은 이미 프로젝트가 끝나고난 뒤 정리하는 내용이라 보면 될 것 같다.
배포 페이지
Project-Arcane
(ps. 라이엇 APIs-key를 매일매일 새롭게 받아서 업데이트해줘야하기에 동작이 안된다면 key를 업데이트 안한 것임...)
깃허브 주소
https://github.com/GGeaBu/Arcane