OP.GG 클론하기 - 롤 전적 검색 사이트 만들기 2

이번 글은 OP.GG 클론하기의 실질적인 시작입니다.

프레임워크와 라이브러리, 데이터베이스를 설치하는 것으로 시작하도록 하겠습니다.

우선 데이터베이스를 설치하도록 하겠습니다. 우리가 사용할 데이터베이스는 지난 글에서 말씀 드렸던 대로 postgreSQL입니다. postgreSQL은 다음 사이트에서 다운 받을 수 있습니다.

www.postgresql.org/download/

PostgreSQL: Downloads

필자는 윈도우 환경이기 때문에 window버전을 다운받도록 하겠습니다. window를 클릭하면 다음과 같은 화면이 뜹니다.

postgreSQL 사이트

빨갛게 Download the installer라고 되어있는 글자를 클릭하면 여러 버전을 다운 받을 수 있는 페이지가 나옵니다. 이번 클로닝 프로젝트에서 사용할 버전은 12.4 입니다. window x86-64의 아래에 있는 Download를 클릭하여 다운받습니다.

 

다운받은 파일을 열고 다른 설정없이 next를 클릭하면 설치가 진행됩니다.

별 다른 설정 없이 next만 누르면 됩니다.

설치를 다하면 PgAdmin이 생깁니다.

pgAdmin을 실행시키면 다음과 같이 웹사이트에서 편하게 사용할 수 있는 페이지가 나옵니다.

Postgres가 정상적으로 설치 되었으니, 이제 django를 설치해보도록 하겠습니다.

필자는 웹사이트를 제작하기 위해 Visual Code를 사용합니다. Visual Code의 경우 Editor중 하나입니다.

다른 Editor와 달리 terminal을 깔끔하게 열 수 있고, 변경사항들이 쉽게 보입니다.

Visual Code는 아래 사이트에서 다운받을 수 있습니다.

code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

visual code를 실행시키면 다음과 같이 나옵니다. visual code를 이용하여 django 설치를 이어가도록 하겠습니다.

django는 말씀드렸던대로 파이썬을 이용합니다. 따라서 우리는 파이썬을 설치해줘야 합니다. 우리가 사용할 파이썬 버전은 3.7.8 버전입니다.

파이썬은 아래 사이트에서 다운 받을 수 있습니다.

www.python.org/downloads/release/python-378/

Python Release Python 3.7.8

파이썬을 다운받고 add path에 체크해주고 그대로 설치해주시면 됩니다. 파이썬을 설치하였다면 cmd창에 python이라고 치면 아래와 같이 나옵니다. 아래 글이 나온다면 정상적으로 설치가 진행된 것입니다.

Python 3.7.8 (tags/v3.7.8:4b47a5b6ba, Jun 28 2020, 08:53:46) [MSC v.1916 64 bit (AMD64)] on win32
Type "help", "copyright", "credits" or "license" for more information.

이제 django를 설치해보도록 하겠습니다. 장고의 경우 장고가 사용하는 pip 라이브러리 종류가 많고 버전이 계속해서 바뀌기 때문에 장고 프로젝트를 만들 때 가상환경(virtualenv)를 사용하는 것을 추천드립니다.

virtualenv를 사용하기 위해 다음과 같은 입력문을 cmd창에 입력합니다.

pip install virtualenvwrapper-win

설치가 되었다면 mkvirtualenv라는 명령어를 통해 가상환경을 구축할 수 있습니다. 만들 사이트 이름이 simple.gg이기 때문에 가상환경 이름을 simple로 하겠습니다.

mkvirtualenv simple

다음과 같이 virtual environment가 정상적으로 설치되었고, 사용가능함을 알 수 있습니다.

created virtual environment CPython3.7.8.final.0-64 in 2802ms
  creator CPython3Windows(dest=C:\Users\devgu\Envs\simple, clear=False, global=False)
  seeder FromAppData(download=False, pip=bundle, setuptools=bundle, wheel=bundle, via=copy, app_data_dir=C:\Users\devgu\AppData\Local\pypa\virtualenv)
    added seed packages: pip==20.1.1, setuptools==49.2.0, wheel==0.34.2
  activators BashActivator,BatchActivator,FishActivator,PowerShellActivator,PythonActivator,XonshActivator

이제 Django를 드디어 다운받도록 하겠습니다. 다음 명령어를 통해 Django를 다운 받을 수 있습니다.

pip install django

django 설치가 되었다면 cookiecutter를 이용하여 django를 간단하게 커스팅마이징하도록 하겠습니다.

마찬가지로 pip을 이용하여 cookiecutter를 설치해보도록 하겠습니다.

pip install cookiecutter
cookiecutter https://github.com/pydanny/cookiecutter-django

cookiecutter 명령어로 실행시키면 다음과 같이 무언가를 계속해서 묻는 게 나오는데, 모르겠다면 제가 했던 대답들을 그대로 따라하시면 됩니다.

project_name [My Awesome Project]: simplegg
project_slug [simplegg]: simplegg
description [Behold My Awesome Project!]: op.gg cloning
author_name [Daniel Roy Greenfeld]: 2sycoding
domain_name [example.com]: simple.gg
email [2sycoding@example.com]: 2sycoding@tistory.com
version [0.1.0]: 0.1.0
Select open_source_license:
1 - MIT
2 - BSD
3 - GPLv3
4 - Apache Software License 2.0
5 - Not open source
Choose from 1, 2, 3, 4, 5 [1]: 1
timezone [UTC]: Asia/Seoul
windows [n]: y
use_pycharm [n]: n
use_docker [n]: n
Select postgresql_version:
1 - 12.3
2 - 11.8
3 - 10.8
4 - 9.6
5 - 9.5
Choose from 1, 2, 3, 4, 5 [1]: 1
Select js_task_runner:
1 - None
2 - Gulp
Choose from 1, 2 [1]: 1
Select cloud_provider:
1 - AWS
2 - GCP
3 - None
Choose from 1, 2, 3 [1]: 1
Select mail_service:
1 - Mailgun
2 - Amazon SES
3 - Mailjet
4 - Mandrill
5 - Postmark
6 - Sendgrid
7 - SendinBlue
8 - SparkPost
9 - Other SMTP
Choose from 1, 2, 3, 4, 5, 6, 7, 8, 9 [1]: 2
use_async [n]: n
use_drf [n]: n
custom_bootstrap_compilation [n]: n
use_compressor [n]: n
use_celery [n]: n
use_mailhog [n]: n
use_sentry [n]: n
use_whitenoise [n]: n
use_heroku [n]: n
Select ci_tool:
1 - None
2 - Travis
3 - Gitlab
Choose from 1, 2, 3 [1]: 1
keep_local_envs_in_vcs [y]: n
debug [n]: n
 [SUCCESS]: Project initialized, keep up the good work!

왼쪽 EXPLORER를 보면 SIMPLEGG가 생성된 것을 확인할 수 있습니다.

이번 글에서는 PostgreSQL, Visual Code, Django까지 설치해보았습니다. React는 왜 지금 설치하지 않죠? 라고 물으실 수 있으실까봐 알려드리면 React의 경우 백엔드작업을 다 한 뒤 설치를 해도 늦지 않기 때문에 굳이 지금 설치하지 않겠습니다.

 

다음 글에서는 전적 검색 사이트를 위한 LOL API를 살펴보고 파이썬 코드로 만들어보겠습니다.