DRF+React로 Blog(유사 velog) 만들어보기 (2) Backend setting

프로젝트를 시작하자.

우선 나는 wsl2를 통해서 ubuntu 20.04에서 개발을 하고 있으며 pipenv 를 통해 개발환경을 구성했다. 코드 작성은 vscode를 이용한다.
pipenv 가 다운로드 되어 있다는 가정하에 진행하겠다.

mkdir [폴더]
cd [폴더]
pipenv --python 3.8 
pipenv shell

pipenv install django

python 3.8을 기반으로 하는 가상환경을 만들고, 그 안으로 접속한다. 그리고 우리는 django를 이용할 것이니 django를 install 해줍니다.

이제 진정으로 시작할 준비를 마쳤다. 이제 프로젝트를 시작해보자

django-admin startproject blog_back
cd belog_back
django-admin startapp account
django-admin startapp board

이 과정은 django-admin을 이용해서 기본이 되는 프로젝트 폴더와 그 안에 account와 board라는 두개의 app을 추가한 것이다. 이 app이라는 개념은 Domain 별로 코드를 분리할 목적으로 나누는 것이라고 생각하면 된다.

위 사진과 같은 구조가 되었다면 성공이다! 이제부터는 저 구조를 기본으로하여 폴더명도 지칭한다.

일단 django 프로젝트가 잘 만들어졌는지 서버를 구동시켜 확인해보자

터미널에서 manage.py 파일이 있는 directory(blog_back/blog_back/)로 들어가 python manage.py runserver를 실행시켜보자!

위와 같이 터미널에 server가 켜졌다는 신호가 올 것이고, 127.0.0.1:8000 포트로 들어가면 django server가 켜진것을 확인할 수 있다!!

특별히 작업한 것은 없지만 우리는 django 서버를 킨 것이다!! 이제부터 이를 발전시켜 나가면 된다.

이어 추가적으로 사용할 package를 다운받겠다.

pipenv install djangorestframework django-cors-headers

djangorestframework: DRF를 사용하기 위한 package
django-cors-headers: django를 사용할 때 CORS issue를 해결하기 위한 package 이다. CORS에 대한 자세한 내용은 따로 정리할 예정이다.

마지막으로 settings.py를 수정하고 2장을 마친다. blog_back/settings.py에 들어가 아래와 같이 수정하자.

INSTALLED-APPS와 MIDDLEWARE의 경우 기존에 작성된 코드들이 있을 것이며, 그 아래에 추가적인 부분을 작성하면 된다. CORS-~ 코드들은 새로 작성해줘야한다.

django에서 app이나 새로운 framework를 사용하게 될 경우 위와 같이 settings.py에 추가해줘야하는 경우가 있는 기억하자

본격적인 코드 작성은 다음 글에서 계속된다.