이번 글에서는 redux라는 것을 사용하여 프론트엔드 작업을 이어서 해보도록 하겠습니다. redux는 django의 view.py에서 정의했던 api들을 연결해주는 과정이라고 생각하시면 됩니다. src아래에 redux 폴더를 만들어줍니다. redux 폴더 아래에 configureStore.js 파일을 만들고, modules 폴더를 만들어줍니다. 또한 modules 폴더 아래에는 lol.js를 만들어줍니다. 구성을 그림으로 보면 다음과 같습니다. configureStore.js와 lol.js를 채워보도록 하겠습니다. configureStore.js를 다음과 같이 작성합니다. #configureStore.js import { combineReducers, createStore, applyMiddleware ..

이번 글에서는 본격적으로 frontend를 다루도록 하겠습니다. 우선 프론트엔드는 앞에서 보여지고 어쨌든 디자인이기 때문에 사이트 구성에 대한 생각을 해야합니다. simplegg의 기능은 현재 티어, 최근 10게임 승률, 게임 진행중인지를 출력하는 세가지 기능을 가지고 있습니다. 따라서 다음과 같이 페이지 구성을 하겠습니다. 페이지 1) 메인페이지로 소환사 이름을 검색할 수 있음. 페이지 2) 검색한 소환사에 대한 현재 티어, 10게임 승률, 현재 게임 진행중인지 확인 즉 접속했을 때 페이지 1은 다음과 같이 파란색 화면에 소환사 이름을 칠 수 있는 하나의 칸이 있을 예정입니다. 페이지 2는 페이지1의 로고쪽에 다음과 같이 회색바탕으로 소환사를 검색하면 검색한 소환사에 대한 현재 티어, 10게임 승률, ..

이번 글에서는 드디어 실질적인 API 기능을 수행하는 views.py를 수정해보도록 하겠습니다. views.py를 수정하기 전 rest_framework라는 것을 사용하도록 하기 위해 다음 명령어를 사용하여 rest_framework를 설치합니다. pip install djangorestframework restframework를 사용하려면 base.py를 수정하여 django로 하여금 사용한다는 것을 알려주어야 합니다. THIRD_PARTY_APPS = [ "crispy_forms", "allauth", "allauth.account", "allauth.socialaccount", "rest_framework", ] restframework 설치를 다했다면 첫 번째 view를 만들어보도록 하겠습니다. ..

지난 번 글에서 필요한 api들을 모두 python code로 만들고, pip 파일 설치까지 완료했습니다. 이제 서버를 가동하려고 다음과 같은 명령어를 치고나니 에러가 납니다. python manage.py runserver File "C:\Users\devgu\Envs\simple\lib\site-packages\psycopg2\__init__.py", line 127, in connect conn = _connect(dsn, connection_factory=connection_factory, **kwasync) django.db.utils.OperationalError: fe_sendauth: no password supplied 다음 에러는 매우 간단한 에러입니다. 우리가 데이터베이스를 생성하지않..

OP.GG를 클로닝한 SIMPLE.GG의 기능은 다음과 같습니다. 소환사의 현재 티어를 보여 줌 소환사의 최근 10게임 승률을 보여 줌. 소환사가 현재 게임을 진행 중인지 알려 줌. 이 기능들은 Riot Games 사의 API를 이용하여 만들 수 있습니다. 라이엇 게임즈의 API를 이용하기 위해서 다음 사이트로 이동합니다. developer.riotgames.com/ Riot Developer Portal About the Riot Games API With this site we hope to provide the League of Legends developer community with access to game data in a secure and reliable way. This is just ..