Django & React – Full Stack Web App Tutorial
이 예제 프로젝트를 가지고 설명한다.
https://www.youtube.com/playlist?list=PLzMcBGfZo4-kCLWnGmK0jUBmGLaJxvi4j
이 예제 프로젝트는 react를 django app으로 만들어서 관리한다.

위 그림을 보면 django app관련 화일과 react관련 파일, 폴더가 혼재 되어 있는 것을 알수 있다.
package.json은 npm 관련 화일이며 npm 명령어를 통해 설치한 라이브러리 (디펜던시) 목록을 보여준다. 또한 스크립트 명령어로 실행되는 라이브러리를 확인할수 있다.

package.json화일 내용은 위와 같으며
npm run dev를 실행하면 webpack 라이브러리가 작동하는 것을 알수 있다.
webpack 라이브러리는 여러 js화일을 종합해 하나의 js화일을 만든다.
아래 그림을 보면 /static/frontend에 종합된 화일을 출력하는 것을 볼수 있다.
이 예제에서는 index.js를 가지고 main.js를 만든다.

위의 main.js는 django templates폴더의 index.html 안에서 <script> 를 통해 들어가는 것을 알수 있다.

webpack 이 만드는 main.js는 index.js를 가지고 만드는데 그 내용,위치는 아래와 같다.
app.js에서 만들어진 것을 알수 있다.

/components/App의 내용은 아래와 같다.
