django 03. 장고 template의 extends, include 구문과 render 함수

1. 장고에서 extends와 include 차이 - extends : 미리 만들어 놓은 html파일을 가져와서 이것을 바탕으로 template 채워나는 구조 - include : 조그만 조각같은 것을 가져와 붙이는 개념 2. templates 폴더 만들고 html 파일 안에 생성 {% extends 'base.html' %} {% block content %} {% csrf_token %} {% endblock %} hello_world.html 파일 생성 main App에서 작성한 base.html 로 뼈대 구성 후 extends로 안에 내용만 수정 account > views.py 에 html 등록 3. settings.py 에 TEMPLATES안에 생성한 template 등록 TEMPLATES =..

django 02. Git 활성화, 환경변수 분리, commit

.gitignore 파일 생성 https://github.com/github/gitignore/blob/master/Global/JetBrains.gitignore GitHub - github/gitignore: A collection of useful .gitignore templates A collection of useful .gitignore templates. Contribute to github/gitignore development by creating an account on GitHub. github.com # Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio, WebSto..

django 01. 첫 앱 시작, 그리고 기본적인 view 만들기

장고 앱 생성 터미널 창에 accountapp 이라는 App 생성 python manage.py startapp accountapp 1. account App > view.py > hello world 이름의 변수 생성 Hello world!!! 문자 return 2. main App > urls.py 주소 등록 from django.contrib import admin from django.urls import path, include urlpatterns = [ path('admin/', admin.site.urls), path('account/', include('accountapp.urls')), ] path 경로에서 accountapp 하위에 있는 url들 참조 기본적으로 localhost:80..

Vuetify 소스 파일 구조 알아보기

Vuetify를 프로젝트에 설치하고 생성된 파일 구조에 대해 살펴보도록 하겠습니다. Vuetify를 설치하게 되면 아래와 같이 폴더 경로에 추가로 파일이 생성되어 집니다. 생성된 파일에 대해 알아보겠습니다. -> Vuetify 설치 방법은 아래 포스팅에 설명해두었습니다. https://meongj-devlog.tistory.com/39?category=974794 [Vue.js] vuetify 라이브러리 설치해보기 Vuetify Vue.js 를 위한 vuetify 라이브러리를 설치해보도록 하겠습니다. vuetify는 bootstrap과 비슷하게 사용자에게 보여지는 UI 컴포넌트를 편리하게 디자인 할 수 있도록 제공해주는 라이브러리입니다. meongj-devlog.tistory.com .gitignore ..

[Vue.js] vuetify 라이브러리 설치해보기

Vuetify Vue.js 를 위한 vuetify 라이브러리를 설치해보도록 하겠습니다. vuetify는 bootstrap과 비슷하게 사용자에게 보여지는 UI 컴포넌트를 편리하게 디자인 할 수 있도록 제공해주는 라이브러리입니다. https://vuetifyjs.com/en/getting-started/installation/ Get started with Vuetify Get started with Vue and Vuetify in no time. Support for Vue CLI, Webpack, Nuxt and more. vuetifyjs.com 다양한 테마와 버튼, 캘린더, 카드, 다이얼로그 등 의 UI 컴포넌트를 제공하고 있습니다. Vuetify 설치하기 Vuetify를 설치하기 위해 Vue.js..

Vue.js - 프로젝트 생성 및 개발 서버 확인

Vue.js 란 ? Frontend 단에서 웹 애플리케이션의 사용자 인터페이스를 만들기 위해 사용하는 오픈 소스 자바스크립트 기반 프레임워크 입니다. react와 Anglular.js 등 과 같은 비슷한 라이브러리들이 있고, 가볍고 빠르게 개발할 수 있다는 장점이 있는 라이브러리 입니다. https://kr.vuejs.org/v2/guide/index.html 시작하기 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org Vue.js 개발 환경 셋팅 vue.js 로 프로젝트를 생성하기 위해 Visual Studio 프로그램으로 진행하였습니다. 터미널 창을 열고 node.js 버전과 npm 패키지 버전, Vue.js의 버전을 확인합니다. node --version np..

[Django] Settings.py 파일 공통, 개발, 운영 파일로 나누어 환경 설정 분리하기

Settings.py 정의 장고(Django)에서 Settings.py 파일은 장고 프레임워크의 환경 설정을 관리하는 파일입니다. 이러한 Settings.py 파일을 나누는 이유는 개발과정에서의 settings.py와 운영과정의 settings.py가 다르기 때문입니다. 공통파일 항목, 개발모드 파일 항목, 운영 모드 파일 항목으로 나누어서 관리하도록 하겠습니다. => settings.py의 구조는 이전 포스팅에 작성해두었으니 참고바랍니다. https://meongj-devlog.tistory.com/35 [Django] 장고 settings.py 설정 및 구조 알아보기 장고(Django)의 settings.py settings.py 파일은 장고 프레임워크의 프로젝트 환경 설정하는 파일입니다. 각 설정에..

[Django] 장고 settings.py 설정 및 구조 알아보기

장고(Django)의 settings.py settings.py 파일은 장고 프레임워크의 프로젝트 환경 설정하는 파일입니다. 각 설정에 대한 설명은 다음과 같습니다. DEBUG : 디버그 모드 설정 INSTALLED_APPS : pip로 설치한 앱 또는 본인이 만든 app추가 MODDELWARE_CLASSES : request와 response 사이의 주요 기능 레이어 TEMPLATES : Django template 관련 설정, 실제 뷰(html, 변수) DATABASES : 데이터베이스 엔진의 연결 설정 STATIC_URL: 정적 파일의 URL(css, javascript, image etc..) 개발모드 설정(DEBUG) # SECURITY WARNING: don't run with debug tu..