[Django Tutorial] Blog 만들기 (15)

웹팩 devServer 와 Django runserver에 대하여

 

1. 웹팩 devServer (8080포트)

 

실행명령 : npm run servehtml 위치:~/dist/home.html~/dist/post_list.html~/dist/post_detail.html

 

2. Django runserver (8000 포트)

 

실행명령: python manage.py runserverhtml 위치: ~/templates/home.html~/templates/blog/post_list.html~/templates/blog/post_detail.html

 

 

 

이때 devServer와 runserver의 url을 맵핑하는 방법이 서로 다르다.

 

devServer는 url과 html의 맵핑을 vue.config.js에 정의하고 있고

runserver는 urls.py와 views.py를 거치면서 url과 html의 맵핑관계를 정의하게 된다.

 

개발용 서버	메뉴명	링크 URL	HTML 파일 위치
devServer	HOME	/, /home.html	~/dist/home.html
	POSTLIST	/post_list.html	~/dist/post_list.html
	POSTDETAIL	/post_detail.html	~/dist/post_detail.html
runserver	HOME	/	~/templates/home.html
	BLOG	/blog/list/	~/templates/blog/post_list.html
	(post click)	/blog/99/	~/templates/blog/post_detail.html
	ADMIN	/admin/	(Django 제공)

 

* devServer에는 proxy기능이 있어서 axios와 같은 비동기 request가 들어오면 proxy 기능에 의해서 Django로 처리를 위임한다.