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. 아이디어 선정 : 처음엔 아직 아무도 만들지 않은 어떤것을 만들고 싶었지만... 하지만 짧은 개발 기간과 우리의 실력 미숙 및 프로젝트 목적을 고려해서 인터넷상..

첫 번째 개인 프로젝트 - Arcane (2022.06.20 ~ 2022.10.31) 1. 소개 프로젝트 Arcane은 Riot Developer에서 제공하는 League of Legends의 APIs를 활용하여 소환사 전적 검색 사이트를 만드는 프로젝트이다. 주요 기능으로는 소환사 전적 검색, 챔피언 정보 전달 그리고 커뮤니티 기능이 있다. 개발은 2명에서 진행되었으며 해당 프로젝트를 통해 하나의 웹페이지의 동작 방식 및 front와 server 및 DB의 연동 방식을 숙지하는 것이 목표이다. 2. 사용기술 FE (Client) React Frontend부분에선 최근 웹 시장 점유율이 가장 높으며 javascripts를 활용해 동적인 웹페이지의 모습을 구현할 수 있는 React 프레임워크를 사용했다. ..