vue
[Django Tutorial] Blog 만들기 (16)
Vue-Django Read API axios-list vue coding django table로 부터 가져온 실제 데이터를 devServer에서 보여줄 수 있게 한다. # 템플릿 내용 생략 mdi-pencil mdi-delete Reset PostList.vue 파일을 보면 화면을 구성하는게 v-data-table이 전부다. :headers 와 :items 만 잘해주면 됨. 1 headers부터 보자 headers의 value에 넣을 값은 장고로부터 받은 데이터중에서 해당 커럼에 대응되는 변수명을 넣어주면 된다. headers: [ { text: "ID", align: "start", sortable: false, value: "name", }, { text: "제 목", value: "title" ..
[Django Tutorial] Blog 만들기 (10)
Vue-Django 연동원리 웹 프로그램에서 css나 img, js 파일들은 static file 혹은 assets file 이라고 한다. django 측면에서 static 파일은 지칭하는 url로 보통 /static/ 이라는 url을 사용한다. /static/이라는 url이 들어오면 django는 루트폴더 밑에 static 폴더나 (~/static/) 루트 폴더 밑에 앱 디렉토리, 그 밑에 static 폴더를 찾게 된다. (~/blog/static/) 따라서 dist아래 css, img, js를 static 폴더 밑에 생성되게 한 다음에 django로 이동하자. 1. vue.config.js 수정 (웹팩설정항목 추가) module.exports = { transpileDependencies: [ 'vu..