츄래블의 개발여정✈️

도메인 등록(가비아, 카페24, 닷홈)3개 사이트의 도메인 가격을 비교하여 가장 합리적인 곳에서 도메인 등록 01. 가비아에서 확인https://www.gabia.com/ 웹을 넘어 클라우드로. 가비아그룹웨어부터 멀티클라우드까지 하나의 클라우드 허브www.gabia.com 02. 카페24에서 확인https://hosting.cafe24.com/?controller=new_domain_search 카페24 호스팅 | 온라인 비즈니스의 시작23,500원/1년 16,450원/1년hosting.cafe24.com 03. 닷홈에서 확인https://www.dothome.co.kr/ 무료홈페이지 | 무료호스팅 | 닷홈닷홈은 도메인, 무료호스팅, 무료홈페이지, 웹호스팅, 웹메일, SSL보안인증서, 서버호스팅 등 ..

로렘픽숨 이미지 필드가 있으나, 업로드 돼있는 이미지가 없는 경우, 랜덤의 이미지를 생성하여 이하 에러를 방지The 'cover_image' attribute has no file associated with it. 01. 로렘픽숨 사이트에서 URI를 복사, 사진 사이즈는 URI끝부분의 숫자로 조정 https://picsum.photos/ Lorem PicsumLorem Ipsum... but for photospicsum.photos 02. Django 템플릿에 삽입best_seller.html{% extends "_base_book.html" %}{% block head-content %}{% endblock %}{% block body-content %} div class="con..

마우스오버 효과(마우스 커서 올릴 때 hover 효과) _base_book.html{% load static %}DOCTYPE html>html lang="ko">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> link rel="stylesheet" href = "{% static 'css/style.css' %}">......head>body> {% include 'nav_bar.html' %} ... div>body>html> nav_bar.html{% load static %}header class="header"> ...

부트스트랩(Bootstrap)을 활용한 form디자인 01 아래 command를 통해 django-bootstrap4라이브러리 설치pip install django-bootstrap4 02. settings.py의 INSTALLED_APPS에 bootstrap4를 추가settings.py INSTALLED_APPS = [ ... "bootstrap4",] 03. cdn방식을 이용하거나, 04.이후의 과정으로 컴파일된 css파일을 프로젝트에 추가 〔cdn방식〕이하를 base html의 head 부분에 적용후 07. 부터 진행 link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel=..

무료아이콘 웹에 적용하기 (FONT AWESOME) 01. FONT AWESOME에 접속 후 회원가입 후 로그인 https://fontawesome.com/ Font AwesomeThe internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.fontawesome.com 02. 「Your kits」를 클릭 03. 「Add a New Kit」를 클릭 후 키트를 생성(기 생성한 키트가 있다면 기존 키트를 사용) 04. html의 head부분에 이하코드를 삽입{% load static %}DOCTYPE html>html ..

로그인 기능 구현 book/urls.pyfrom django.urls import pathfrom book import viewsapp_name = "book"urlpatterns = [ ... path("recmdbook/", views.recommended_book, name="recommended_book"), ...] users/urls.pyfrom django.urls import pathfrom users import viewsapp_name = "users"urlpatterns = [ path("login/", views.login_view, name="login"), path("signup/", views.signup_view, name="signup")] ..

Paginator를 활용한 페이징(paging) views.pyfrom django.shortcuts import renderfrom book.models import BookInfofrom django.core.paginator import Paginator, PageNotAnInteger, EmptyPage... def show_all_book(request): # 전체 도서를 반환 all_book = BookInfo.objects.all() # 페이징 page = request.GET.get('page') paginator = Paginator(all_book, 10) # 한 페이지에 10레코드씩 표시 try: page_obj = paginator.pa..

장고 템플릿 태그 주석 다는법 {# 주석내용 #}

Django 업로드한 사진을 화면에 표시하는 방법 settings.pyfrom pathlib import Path# Build paths inside the project like this: BASE_DIR / 'subdir'.BASE_DIR = Path(__file__).resolve().parent.parentTEMPLATES_DIR = BASE_DIR / "templates"...# Static files (CSS, JavaScript, Images)# https://docs.djangoproject.com/en/5.1/howto/static-files/STATIC_URL = "static/"STATICFILES_DIRS = [BASE_DIR / "static"]MEDIA_URL = "media/..

Django forms에 체크박스 넣는방법 # forms.py from django import forms...#회원가입폼class SignupForm(forms.Form): username = forms.CharField(min_length=3, label="아이디") password1 = forms.CharField(widget=forms.PasswordInput, min_length=4, label="비밀번호") password2 = forms.CharField(widget=forms.PasswordInput, min_length=4, label="비밀번호 확인") genre_choices = [ ('인문학','인문학'), ('에세이','에세이..