자홍

Django와 react를 연동한다는 의미 Django는 웹 프레임워크이고, react는 프론트엔드 라이브러리이다. 사용의도의 핵심은 '유지보수'에 있다고 본다. 프로젝트 최종 구조 깊이 3레벨까지만 작성하였다 /django-react /backend /backend /앱이름 /manage.py /frontend /config /node_modules /public /scripts /src package.json yarn.lock Django & react 설치 선행 과제 가상환경 활성화 및 django 설치 yarn 설치 $ mkdir django-react $ cd django-react $ django-admin startproject backend $ npx create-react-..

선행요구사항 npm 버전 5.2 이상 - npm 버전 확인 및 업데이트 설치하기 $ npx create-react-app "앱이름" npx: 91개의 패키지를 6.591초만에 설치했습니다. ... cd frontend yarn start Happy hacking! 문제해결 not found npx npx는 npm 5.2이상 버전에서 지원된다. npm 버전 확인 및 업데이트

React는 node모듈 위에서 동작하는 프론트엔드 라이브러리이다. Django 등의 API를 끌어다가 웹뷰를 구현할 수 있는데, 구현만 하면 뭐하겠는가. 결국 CRUD 기능은 최소한으로 동작하여야할 것이다. 대부분의 웹 프레임워크에서 csrf 공격을 방어하기 위한 수단이 갖춰져있는데, 이는 Django도 동일하다. Django와 template engin기반의 개발환경이라면, 안에 {% csrftoken %}작성 하나로 이란 코드가 자동으로 생성되지만, React의 장점인 템플릿엔진의 배제가 단점으로 돌아와서 해당 토큰을 컴포넌트화하는 코드를 직접 작성해주어야한다. //csrftoken.js import axios from 'axios'; import React from 'reac..