미국산 귤

[React-Django 연동] 프론트-백 연동 시 쟝고 서버 실행 방법 본문

React

[React-Django 연동] 프론트-백 연동 시 쟝고 서버 실행 방법

migyul 2024. 7. 14. 03:17

프론트엔드는 백엔드가 기능을 구현하여 코드를 넘겨주면,

자신이 개발한 프론트 화면과 기능을 연동할 수 있어야 합니다.

리액트와 쟝고 연동은 DRF와 axios 문법을 이용하여 진행합니다.

 

오늘은 연동 시 백엔드 쟝고 서버 여는 방법을 알아보겠습니다~

 

 

 

 

 

1. 먼저 깃허브에서 클론 받은 파일 중 가장 최상위 폴더에서 아래 명령어로 가상환경을 생성합니다.

사실 가상환경 위치는 크게 상관없는 것 같은데, 최상위 폴더에 두는 것이 편하더라고요

python -m venv <가상환경 이름>

 

 

 

이제 cd 명령어를 이용해 requirements.txt 파일이 있는 폴더로 이동합니다.

 

 

 

 

*여기서 requirements.txt란?

: django, pillow, python 등 백엔드 서버 실행에 있어 필요한 것들을 모두 넣어놓은 파일

 

때문에 우리는 requirements.txt 를 설치하는 명령어 하나만 있으면 백엔드 서버 실행을 위한 모든 파일을 간편하게 설치할 수 있습니다.

 

 

 

 

 

2. 아래의 requirements.txt  설치 명령어를 입력합니다.

pip install -r requirements.txt

 

 

 

 

 

이제 서버 실행을 위한 준비는 끝났습니다.

본격적으로 서버를 실행해봅시다!

 

 

 

 

 

3. 아까 생성한 가상환경을 실행시키는 아래 명령어를 입력합니다.

(가상환경이 있는 폴더로 cd한 후 입력해야 합니다.)

source <가상환경 이름>/Scripts/activate

가상환경이 잘 실행되었다면 이렇게 코드 왼쪽 상단에 (가상환경 이름)이 뜹니다

 

 

 

4. 이제 정말 실행만 하면 됩니다! 아래 실행 명령어를 입력해줍니다.

python manage.py migrate
python manage.py runserver

 

 

 

 

 

 

간단한 내용이지만, 기록 겸 혹시 찾아보시는 분들이 있다면 도움이 되고 싶어 포스팅 해보았습니다

세상 모든 프론트엔드분들 파이팅입니다🥰🥰