개발자 울이 노트

안녕하세요, 이전포스팅에 이어서 bootstrap의 navbar를 적용 해 보도록 하겠습니다. Bootstrap으로 디자인을 다루는 내용이라, django의 다른 게시물을 원하는 분은, 결과 코드만 확인하고 넘어가셔도 무방합니다 :) [Dev/Django] - Django - tweetme 소셜서비스 구현해보기 (16) - Bootstrap Media Object 활용 Django - tweetme 소셜서비스 구현해보기 (16) - Bootstrap Media Object 활용(1) 이번 포스팅은 Bootstrap을 사용해서 간단하게 화면을 만들어 보도록 하겠습니다. Django에서 지원하는 빠르고 확장성이 있는 코드들을 사용 해 볼거고, 실제로 화면에 적용 해 보도록 하겠습니다. 이번 포스팅의.. wo..

이번 포스팅은 Bootstrap을 사용해서 간단하게 화면을 만들어 보도록 하겠습니다. Django에서 지원하는 빠르고 확장성이 있는 코드들을 사용 해 볼거고, 실제로 화면에 적용 해 보도록 하겠습니다. 이번 포스팅의 소스코드 또한 Github 저장소에 있습니다. 1. html 파일 나누기 가장 처음 프로젝트를 작성 했을 때 Bootstrap static 파일을 적용 해 주려고 생성 했었던, template 폴더에 home.html과 base.html을 작성 해 주겠습니다. 루트 폴더의 template 폴더입니다. base.html과 home.html 을 생성 해 주었다면 아래의 코드를 넣어주세요 {% load staticfiles %} Hello World! {% extends 'base.html' %}..

안녕하세요 이번 포스팅에서는 View를 수정 해 보려고 합니다. 이전의 포스팅 중 하나의 글에서 View의 종류에 대해서 다루어 보았습니다. [Dev/Django] - Django - tweetme 소셜서비스 구현해보기 (7) - CRUD & First View 작성 Django - tweetme 소셜서비스 구현해보기 (7) - CRUD & First View 작성 안녕하세요, 이번 포스팅은 tweetme 소셜 서비스의 CRUD와 View를 작성 해 보도록 하겠습니다. 이번 포스팅의 코드는 Github 저장소에 업로드 되어있습니다 :) tweet_detail.html list_view.html --> tweet_list.html 수정 후 확인해보면, 잘 나오는 것을 볼 수 있습니다!!

이번 포스팅에서는 Template을 다루는 기본에 대해서 얘기 해 보려고 합니다. 간단한 기능을 추가해서 많은 데이터를 보여 줄 수 있는 기능을 소개하려고 해요. 짧지만 유용한 포스팅이 되었으면 좋겠습니다. 이번 포스팅의 소스코드는 Github에 업로드 해 놓았습니다 이전 포스팅들에서는 데이터베이스에 들어있는 데이터를 가져오고, 가져온 데이터를 template에 뿌려주는 역할까지 작성 해 보았습니다. 대표적으로 작성했던 tweets앱의 views.py의 함수들이 있습니다. 같이 한번 더 보면서 응용 해 보도록 하겠습니다. 1. Views.py from django.shortcuts import render from .models import Tweet # Create your views here. def..

안녕하세요 이번 포스팅에서는 Bootstrap 적용과 View Function 그리고 Template에 대해서 포스팅 해 보겠습니다. 본 게시물의 소스코드는 Github에 올라가있습니다. 위의 코드를 home.html에 적용 한 후 새로고침을 하면, 위의 home.html을 잘 보면, script와 css파일이 모두 CDN 으로 링크가 걸려있는 것을 볼 수 있습니다. 이 방법은 bootstrap의 url이 잘못되거나 중지된다면 사용 할 수 없기 때문에 static 파일들을 다운받아 직접 넣어보도록 하겠습니다. https://getbootstrap.com/docs/4.3/getting-started/download/ Download Download Bootstrap to get the compiled CS..

안녕하세요, 개발자 울이입니다. 이전 포스팅에 이어 작성 해 보겠습니다. 본 게시물의 소스코드는 Github에 올라가있습니다.