본문 바로가기

Python_WEB/Tweetme

(16)
[Django]Tweet Create Form CodingEntrepreneurs Django 강의 정리 Django 폼 처리 과정> 사용자가 처음으로 폼을 요청할 때 기본 폼을 보여준다. 폼은 비어있는 필드가 있을 수 있다 (예를 들면, 새로운 책을 등록할 경우) 아니면 초기값으로 채워진 필드가 있을 수도 있다. ( 예를 들면, 기존의 책을 수정하거나, 흔히 사용하는 초기값이 있을경우) 이 시점의 폼은 (초기값이 있긴해도) 유저가 입력한 값에 연관되지 않았기에 unbound 상태라고 불린다. 제출 요청으로 부터 데이타를 수집하고 그것을 폼에 결합한다. 데이타를 폼에 결합(binding) 한다는 것은 사용자 입력 데이타와 유효성을 위반한 경우의 에러메시지가 폼을 재표시할 필요가 있을 때 준비되었다는 의미이다. 데이타를 다듬어서 유효성을 검증한다. 데..
[Django]Rapid Implement of Bootstrap Theme CodingEntrepreneurs Django 강의 정리 navbar> 네비게이션바 https://getbootstrap.com/docs/4.5/components/navbar/ Navbar Documentation and examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin. getbootstrap.com https://ko.wikipedia.org/wiki/%EB%82%B4%EB%B9%84%EA%B2%8C%EC%9D%B4%EC%85%98_%EB%B0..
[Django]Like Button Rendering CodingEntrepreneurs Django 강의 정리 onclick> 개체를 클릭하면 이벤트 핸들러가 호출된다. Bootstrap Button> https://getbootstrap.com/docs/4.0/components/buttons/ Buttons Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. getbootstrap.com hello world 20 Likes home.html> {% extends 'base.html' %} {% block head_title %} this is amazing!!!! {% end..
[Django]Format Tweet Method CodingEntrepreneurs Django 강의 정리 mb-4> 1. margin-bottom https://v4-alpha.getbootstrap.com/utilities/spacing/ Spacing v4-alpha.getbootstrap.com hello world 1 hello world 2 hello world 3 hello world 4 home.html> {% extends 'base.html' %} {% block head_title %} this is amazing!!!! {% endblock head_title%} {% block content %} Welcome to Tweetme 2 Loading... {% endblock content %} 결과물>
[Django]Tweets to HTML via JavaScript CodingEntrepreneurs Django 강의 정리 for문> for ([initialization]; [condition]; [final-expression]) statement 1. 괄호로 감싸고 세미콜론으로 구분한 세 개의 선택식과, 반복을 수행할 문(주로 블럭문)으로 이루어져 있습니다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/for for for 문은 괄호로 감싸고 세미콜론으로 구분한 세 개의 선택식과, 반복을 수행할 문(주로 블럭문)으로 이루어져 있습니다. developer.mozilla.org home.html> {% extends 'base.html' %} {% block head_title ..
[Django]Replace HTML Content with JavaScript CodingEntrepreneurs Django 강의 정리 innerHTML> const content = element.innerHTML; element.innerHTML = htmlString; 1. 요소(element) 내에 포함 된 HTML 또는 XML 마크업을 가져오거나 설정 https://developer.mozilla.org/ko/docs/Web/API/Element/innerHTML Element.innerHTML Element 속성(property) innerHTML 은 요소(element) 내에 포함 된 HTML 또는 XML 마크업을 가져오거나 설정합니다. developer.mozilla.org home.html> {% extends 'base.html' %} {% block head_..
[Django]Dynamic Load Tweets via JavaScript CodingEntrepreneurs Django 강의 정리 const> const name1 = value1 [, name2 = value2 [, ... [, nameN = valueN]]]; 1. 블록 범위의 상수를 선언 2. 상수의 값은 재할당할 수 없으며 다시 선언할 수도 없습니다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/const const const 선언은 블록 범위의 상수를 선언합니다. 상수의 값은 재할당할 수 없으며 다시 선언할 수도 없습니다. developer.mozilla.org XMLHttpRequest> const request = new XMLHttpRequest(); 1. 서버와 상호작용하..
[Django]Tweet List View CodingEntrepreneurs Django 강의 정리 objects.all()> 1. 모델의 모든 레코드들을 QuerySet으로 가져온다. QuerySet> 1. 반복가능한(iterable) 객체 views.py> # tweets/views.py from django.http import HttpResponse, Http404, JsonResponse from django.shortcuts import render from .models import Tweet # Create your views here. def home_view(request, *args, **kwargs): return render(request, "pages/home.html", context={}, status=200) de..