Django 장고 총 정리

가상환경 내에서 pip install django 로 장고 설치
장고 프레임워크 생성 (at 프로젝트 루트) : django-admin startproject ${PJ_NAME}
가상환경 활성화 상태서, 생성된 장고서버 디렉터리 직하단(manage.py가 있는)에서
- python manage.py runserver 실행하여 서버 구동 => 마이그레이션 적용 전이기에 경고
- 127.0.0.1:8000 포트로 장고 서버 구동 확인

장고REST프레임워크
1. python 가상환경 접속 상태에서 pip install djangorestframework로 설치
2. pip freeze로 가상환경 내 패키지 및 버전 확인
3. python manage.py migrate를 통해 마이그레이션 적용 : 경고 사라짐
```
<img src="./MD_IMG/migrated.png">

<br><br>

4. 장고서버 PJ디렉 내 `settings.py`의 `INSTALLED_APPS`에 `rest_framework` 추가
```

3. 개발 착수

https://pgnt.tistory.com/129 따라가기 ㄱㄱ

utils, views 디렉 생성, 각각 디렉에 about.py 생성
./urls.py

from django.contrib import admin
from django.urls import path
from AAHG_server_django.views.about import get_views_about

urlpatterns = [
    path('about/', get_views_about),
]

./views/about.py

#rest
from django.http import HttpResponse, JsonResponse
from django.views.decorators.csrf import csrf_exempt
from rest_framework.parsers import JSONParser

from AAHG_server_django.utils.about import get_utils_about

def get_views_about(request):
    return JsonResponse(data= get_utils_about())

./utils/about.py

def get_utils_about():
    return {'test': 'test'}

127.0.0.1:8000/about 요청 및 결과확인

리액트에서 접근해보기

import React, { useState, useEffect } from "react";
import axios from "axios";

const About = (): JSX.Element => {
  const [data, setData] = useState("");

  const fetchData = async () => {
    const headers = {
      "Content-type": "application/json; charset=utf-8;",
      Accept: "application/json",
    };

    axios
      .get("http://127.0.0.1:8000/about/", { headers })
      .then((response) => {
        setData(response.data.about);
      })
      .catch((response) => {
        alert(response.data.message);
      });
  };

  useEffect(() => {
    fetchData();
  }, [setData]);

  return (
    <div style={{ padding: 60 }}>
      <h1 style={{ fontSize: 62, fontWeight: "bold", padding: 30 }}>About</h1>
    </div>
  );
  <div></div>;
};

export default About;

Cors 에러 해결하기
1. python -m pip install django-cors-header
2. ./장고서버/settings.py의 INSTALLED_APPS에 "corsheaders", MIDDLEWARE에 아래 추가
```
"corsheaders.middleware.CorsMiddleware",
"django.middleware.common.CommonMiddleware", 
```
1. settings.py에 CORS_ORIGIN_ALLOW_ALL = True설정하여 전체 임시허용
  - 정석 : https://stackoverflow.com/questions/64744518/http-localhost3000-has-been-blocked-by-cors-policy-no-access-control-allo