[DJANGO & REACT] 장고와 리액트 연동하기 (3) - Django App 생성

Part 1 : 장고 앱 생성

 Django manage.py 파일이 있는 경로로 이동하신 후 명령어를 입력해 주시면 앱이 생성 됩니다. 

$ python manage.py startapp api

 

Part 2 : Django와 React 연결에 필요한 PIP 패키지 설치하기

 1. DRF 및 Django CORS 설치 및 설정하기

#Django -> React로 데이터 전달을 위한 DRF(Django REST Framework) API 설치하시면 됩니다.
$ pip install django-rest-framework

#Django로 REST Api 를 만들었는데 React와 연결을 해야할 때 CORS 오류가 발생함으로 설치 및 설정이 꼭 필요합니다.
$ pip install django-cors-headers

설치가 완료 되었으면 아래와 같이 코드를 수정해 줍니다. 

INSTALLED_APPS = [
# 나머지 부분은 같습니다.
...
'rest_framework',
'corsheaders',
...
]

MIDDLEWARE = [
'corsheaders.middleware.CorsMiddleware',
# 맨 위에 추가해서 넣어주세요. 나머지는 같습니다.
]

CORS_ORIGIN_WHITELIST = [
    "http://localhost:3000",
    "http://127.0.0.1:8000",
]

CORS_ALLOW_CREDENTIALS = True

#script안에서의 리소스 요청을 허용할 도메인 추가

위 코드 수정이 귀찬으신 분들을 위해 준비 했습니다~ 짜잔!

 

고생 하셨어요~~ 다음편에 계속 입니다~