롤 전적 검색 사이트(3)
-
OP.GG 클론하기 - 롤 전적 검색 사이트 만들기 11
이번 글에서는 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 ..
2020.10.20 -
OP.GG 클론하기 - 롤 전적 검색 사이트 만들기 10
이번 글에서는 본격적으로 frontend를 다루도록 하겠습니다. 우선 프론트엔드는 앞에서 보여지고 어쨌든 디자인이기 때문에 사이트 구성에 대한 생각을 해야합니다. simplegg의 기능은 현재 티어, 최근 10게임 승률, 게임 진행중인지를 출력하는 세가지 기능을 가지고 있습니다. 따라서 다음과 같이 페이지 구성을 하겠습니다. 페이지 1) 메인페이지로 소환사 이름을 검색할 수 있음. 페이지 2) 검색한 소환사에 대한 현재 티어, 10게임 승률, 현재 게임 진행중인지 확인 즉 접속했을 때 페이지 1은 다음과 같이 파란색 화면에 소환사 이름을 칠 수 있는 하나의 칸이 있을 예정입니다. 페이지 2는 페이지1의 로고쪽에 다음과 같이 회색바탕으로 소환사를 검색하면 검색한 소환사에 대한 현재 티어, 10게임 승률, ..
2020.10.18 -
OP.GG 클론하기 - 롤 전적 검색 사이트 만들기 6
지난 번 글에서 필요한 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 다음 에러는 매우 간단한 에러입니다. 우리가 데이터베이스를 생성하지않..
2020.10.04