Commit Message Convention

Git Repository Merge 후 환경설정

1. 백엔드

# cd Eatpository/Backend
# 가상환경 설치
python -m venv myvenv

# 가상환경 실행 (윈도우 기준)
**source myvenv/Scripts/activate**

# 가상환경 내 패키지 설치
pip install -r requirements.txt

python manage.py migrate

python manage.py runserver

# Backend/Eatpository/settings.py

MIDDLEWARE = [
    # CORS 세팅
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    # 'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

# CORS 세팅 (CORS_ORIGIN_WHITELIST, CORS_ALLOW_CREDENTIALS)
CORS_ORIGIN_WHITELIST  = ['<http://localhost:3000>']

CORS_ALLOW_CREDENTIALS = True

secrets.json

{
    "SECRET_KEY" : "django-insecure-nmixw@sunn&yqov+l8nco%c+j5-3zxqr4^(k7kw01drncsv1p("
}

1. 프론트엔드

<aside> 💡 프론트엔드 리액트 앱을 실행하기 위해서는, Node.js를 먼저 설정해야합니다. 하위 링크로 접속하여, Downloads for Windows(x64)에서 LTS 버전을 다운받아 설치합니다.

</aside>

Node.js

npm 없다고 뜨는 경우

Window에서 npm이 실행되지 않을때 (Node.js설치했는데도 npm이 실행되지 않을 때)

→ 디렉토리 설정 /Eatpository/Frontend/eatlion 에서 진행

// npm 패키지 매니저 설치
npm install

// axios 설치
npm install axios

//style component 설치
npm install styled-components
// <div style = {...} >에서 오류가 뜨는 경우 
npm i --save-dev @types/styled-components

아마도 연동을 위한 설정