Django

    웹 프로그래밍

    [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 만들기 (11)

    Webpack 을 이용해 3개 페이지 만들기 (home.html, post_list.html, post_detail.html) 보통 webpack은 최종결과물로 1개의 html을 생성함. 예로 앞서 dist아래 1개의html을 생성했었다. 여러개 html을 생성하고 싶다면 vue.config.js 에서 pages라는 설정항목을 사용한다. 1 module.exports = { transpileDependencies: [ 'vuetify' ], outputDir: 'dist', publicPath: '/', assetsDir: 'static', pages: { home: { template: 'public/index.html', entry: 'src/pages/main_home.js', filename: '..

    웹 프로그래밍

    [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..

    웹 프로그래밍

    [Django Tutorial] Blog 만들기 (7)

    settings.py 분리 개발과정에서 settings.py와 개발이 끝난 후 소스를 운영서버에 배포하는 경우에 settings.py 가 달라지기 때문이다. (SECRET_KEY, DEBUG, ALLOWED_HOSTS, DATABASES 를 변경할 것) 1. mysite 아래 settings python package를 생성 : settings 밑에는 기존의 settings.py를 (1) base.py, (2) develop.py, (3) product.py 로 분리할 것이다. (1) 공통항목, (2) 개발모드에서만 필요한 항목들, (3) 운영모드에서만 필요한 설정항목들 2. 기존의 settings.py를 mysite/settings 아래로 cut/paste 후 이름을 base.py로 변경해준다. 3. ..

    [Django Tutorial] Blog 만들기 (4)
    웹 프로그래밍

    [Django Tutorial] Blog 만들기 (4)

    폴더 위치에 대한 설명 django에서는 파일의 위치가 중요하다. 파일이 프로젝트 전체에 속한 것인지 앱 하나에 속한 것인지를 잘 구분해야한다. mysite 폴더를 프로젝트 dir, blog 폴더를 app dir, 최상단(backend 폴더)을 프로젝트 루트 dir or 프로젝트 베이스 dir 로 정의하였다. template dir도 2개가 있는데 루트 밑에 있는 dir을 프로젝트 템플릿 dir, app 밑의 dir를 앱 템플릿 dir로 정의하였다. 반면 models.py는 항상 특정 app에 속해야한다.

    [Django Tutorial] Blog 만들기 (3)
    웹 프로그래밍

    [Django Tutorial] Blog 만들기 (3)

    urls.py mysite/urls.py from django.contrib import admin from django.urls import path from . import views from django.conf.urls import include urlpatterns = [ path('admin/', admin.site.urls), path('', views.HomeView.as_view(), name='home'), # 홈 패스 path('blog/', include('blog.urls')), # 블로그 패스 #from django.conf.urls import include 주의 ] blog/urls.py (생성해준다) * urlpatterns에 path() 넣어줄때 ctrl+space*2 하..

    웹 프로그래밍

    [Django Tutorial] Blog 만들기 (2)

    모델 코딩 (models.py) Django에서는 모델이라는 파이썬 객체를 통해 데이터에 접속하고 관리한다. 모델: 저장된 데이터의 Schema를 정의한다. 모델은 models.py에서 정의되며 이들은 django.db.models.Model 을 상속받은 서브클래스로 구현된다. from django.db import models from django.urls import reverse class Post(models.Model): title= models.CharField(verbose_name='TITLE',max_length=50) #제목 description= models.CharField('DESCRIPTION', max_length=100, blank=True, help_text='simple ..

    웹 프로그래밍

    [Django Tutorial] Blog 만들기 (1)

    Django skeleton 만들기 MVT 순서에 따라서 settings.py, (M) models.py, urls.py, (V) views.py, (T) templates 를 만든다. (1) Pycharm에 django 설치 File > settings > project: backend > python interpreter > + > django 검색 > Django install package > ok (2) Django-admin startproject mysite . (뒤에 . 꼭 붙여줘야함. 안하면 폴더가 한겹 더 생겨서 app만들때 manage.py 못찾는거같음) : mysite라는 디렉토리를 생성한다. (3) python manage.py startapp blog : blog 라는 이름의 앱..

티스토리툴바