[Django x React js] Django와 React js 연동, 연결하기

순서는 장고 프로젝트를 생성하고 리액트 프로젝트를 생성해도되고, 리액트 프로젝트를 생성하고 장고 프로젝트를 생성해도 되지만 리액트가 먼저되어 있다고 가정하겠습니다.

 

1. React 프로젝트 생성

create-react-app "reactprojectname"

cd "reactprojectname"

npm run start

이후 인터넷창에서 localhost:3000 으로 리액트 로고가 움직이는 창이 뜨면 성공입니다.

 

터미널에서 ctrl+c로 잠시 끄고 

npm i styled-components

설치 완료하고 다시 npm run start

 

2. Django 프로젝트 생성

이때 장고 프로젝트를 생성할 위치는 리액트 프로젝트인 "reactprojectname"이 있는 곳입니다.

django-admin startproject "projectname"

cd "projectname"

django-admin startapp "appname"

 

pip install djangorestframework

pip install django-cors-headers

 

python manage.py runserver

 

app 생성 후 settings.py에 앱이름과 라이브러리 등록

 

app 하위 디렉터리에 models.py에 db model 작성하고 아래 두줄 입력하여 생성

python manage.py makemigrations

python manage.py migrate

 

app 하위 디렉터리의 admins.py에 db model 등록

 

 

 

 

python createsuperuser

이후 유저 정보 입력 => 127.0.0.1:8000/admin 페이지에서 로그인할 유저 정보

 

------------