AI Platform / Web

0.들어가면서 기초 부분에서는 GET방식의 /article/pk/edit/로 수정 form을 보여주고 GET방식의 /article/pk/update/로 url을 바꾸는 방식으로 DB로 저장을 할것이다. 하지만 최종코드부분에서는 url은 같지만 DB저장 부분을 POST로 바꿔서 할것이다. update 기초 수정하기를 누르면 기존의 게시물을 수정할 수 있는게 뜨고, 수정완료를 누르면 저장하는 로직을 만들어야한다. detail.html 수정 :을 누르면 form을 보여주게우선하자. urls.py path("/edit/", views.edit) views.py def edit(request, pk): context = { 'pk' : pk } return render(request, 'article/edit.h..

자바스크립트에서 함수는 속성을 가질 수 있다. 그리고 모든 함수에는 트로토 타입이라는 특수한 속서이 있다. 상속 관점에서 자바스크립트의 유일한 생성자는 객체이다. 각각의 객체는 그것의 프로토타입이라고 불려지는 다른 객체가 있고, 그 객체와 연결된 개인적특성이 있다. 그리고 그 객체는 다시 그 자신의 프로토타입을 가진다. 상속(Inheritance) 속성 상속(Inheriting properties) // o라는 객체가 있고, 속성 'a' 와 'b'를 갖고 있다고 하자. let f = function () { this.a = 1; this.b = 2; } let o = new f(); // {a: 1, b: 2} // f 함수의 prototype 속성 값들을 추가 하자. f.prototype.b = 3; ..

0. 목록페이지 만들기 게시판을 만든다고 생각하면 된다. 단계별로 구현 난의도가 올라가고 기능이 많아진다. 하나씩 순서대로 진행해 보자. 1. 1단계 1단계에서는 기본적인 흐름으로 화면에만 보이게 만드는 단계이다. 1.1 urls.py from . import views path('', views.index) 1.2 views.py from .models import Article def index(request): articles = Article.objects.all() context = { 'articles' : articles } return render(request, 'articles/index.html', context) if 아래와 같은 error가 발생한다면? + NameError at ..

0. 들어가면서 먼저 일반 form을 이용해서 GET /article/new/ 으로 새글쓰기를 위한 form을 사용자에게 보여준 후에 GET /article/create/를 통해 적은 글을 DB에 저장한다. 그리고 마지막 부분에서는 ModelForm을 사용하는 방식으로 GET방식으로 form을 보여주고 POST 방식으로 form을 저장할 수 있게 views함수에서 수정을 할 것이다. 기초 CREATE 나중에는 결합해서 하나로 쓰지만, 처음에는 create.html로 가게 하는 url이 우선 필요하고, create.html에서 form을 제출 후에 action에 적은 url을 받아 줘야하는 url이 필요하다. urls.py path('create/', views.create) create.html 제목: ..

url의 변수화하는 이유는 app에 따라 urls.py를 생성한다. 이떄 url이 중복 되는 경우가 발생할 수 도 있다. 따라서 app_name을 지정하고 각각의 path에 name을 지정함으로 이러한 문제를 방지한다. url이 복잡해 질 수 있다. 따라서 아래의 urls.py와 같이 변수화를 진행한다. from django.urls import path from . import views app_name = 'posts' urlpatterns = [ path('', views.index, name='index'), path('create/', views.create, name='create'), path('/', views.detail, name='detail'), path('/delete/', vie..

form = ArticleForm()순서정리 요청 응답 GET POST HTTP(HyperText Transfer Protocol) 웹에서 이루어지는 모든 데이터 교환의 기초이자 HTTP는 HTML 문서와 같은 리소스들을 가져올 수 있도록 해주는 프로토콜(규약, 약속)이다. 1996년 - HTTP/1.1 2015년 - HTTP/2 기본적으로 2타입으로 나뉜다 요청(request) 응답(response) 요청(request) 우리는 웹서버에서 가장 기본이 되는 프로토콜인 HTTP를 통해서 요청과 응답을 처리하고 있다. HTTP 요청을 보낼 때 url, Method, Path, version of th protocal, Headers가 필요하다. HTTP의 Method Mothod의 종류에는 GET(특정 리..

0. 들어가면서 지금까지 우리는 CRUD, 로그인 회원가입, 좋아요기능, follow기능까지 공부를 했다. 이러한 것들이 구현 된 환경에서 진행한다고 가정을 하고 글을 적겠다. 프로필 이미지를 활용할 수 있게 지원해주는 서비스가 있다. 구글에 GRAVATAR 검색하자 https://ko.gravatar.com/ Gravatar - 전세계적으로 인정된 아바타 Introducing Gravatar ► JavaScript required to play Introducing Gravatar . 사이트 운영자에게 여러분의 사이트에 Gravatar를 설정하는 것은 간단합니다; 계정은 필요하지 않아요! 잘 알려진 여러 블로그 소프트웨�� ko.gravatar.com 사용법을 눌러서 보자. https://ko.grav..

https://getbootstrap.com/docs/4.5/getting-started/introduction/ Introduction Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with BootstrapCDN and a template starter page. getbootstrap.com 위의 페이지 들어가서 CDN이나 설치나 하면된다. CDN으로 간단히 하려면 base.html에 아래와 같이 해주면된다. {% block body %} {% endblock %} 이런 식으로 완성되어 있는 템플릿을 그대로 쓰면 된다. 이때 아래와 같이 {% block ..