Category: Develop

2022
0
DevelopDjango

Django - Post List 페이지 테스트 코드 작성하기 part A

Post Detail 페이지 만들기상세 페이지를 보여주기 위한 url을 추가한다. blog/urls.py from django.urls import path, includefrom .import viewsurlpatterns = [ # path('', views.index), path('<int:pk>/', views.post_detail()) path('', views.PostList.as_view()),] 상세 페이지를 보여주기 위한 view를 위한 코드를 작성 blog/views.py from django.shortcuts import renderfrom .models import Postfrom django.views.generic import ListView# Create your views here.# List로 보여줄 때는 django.views.generic의# ListView를 상속하여 보여주면 간단하게 보여줄 수 있다.class PostList(ListView): model = Post def get_queryset(self): # 역순으로 보여주기 위해 -로 붙인다. return Post.objects.order_by('-created')# 상세 페이지를 보여주기 위한 함수를 추가한다.def post_detail(request, pk): blog_post = Post.objects.get(pk=pk) return render( request, 'blog/post_detail.html', { 'blog_post': blog_post, } ) 상세 페이지를 위한 html 코드 만들기 blog/templates/blog/post_detail.html

0
DevelopDjango

Django - Post Detail 페이지 만들기

Post Detail 페이지 만들기상세 페이지를 보여주기 위한 url을 추가한다. blog/urls.py from django.urls import path, includefrom .import viewsurlpatterns = [ # path('', views.index), path('<int:pk>/', views.post_detail()) path('', views.PostList.as_view()),] 상세 페이지를 보여주기 위한 view를 위한 코드를 작성 blog/views.py from django.shortcuts import renderfrom .models import Postfrom django.views.generic import ListView# Create your views here.# List로 보여줄 때는 django.views.generic의# ListView를 상속하여 보여주면 간단하게 보여줄 수 있다.class PostList(ListView): model = Post def get_queryset(self): # 역순으로 보여주기 위해 -로 붙인다. return Post.objects.order_by('-created')# 상세 페이지를 보여주기 위한 함수를 추가한다.def post_detail(request, pk): blog_post = Post.objects.get(pk=pk) return render( request, 'blog/post_detail.html', { 'blog_post': blog_post, } ) 상세 페이지를 위한 html 코드 만들기 blog/templates/blog/post_detail.html

0
DevelopDjango

Django - template(html)에서 if문 사용하기

template(html)에서 if문 사용하기이미지가 있을 때만 나타내기{% if p.head_image %}<img class="card-img-top" src="{{p.head_image.url}}" alt="Card image cap"/>{% endif %} {% if %}문을 이용하여 처리를 한다. Lorem Picsum 이용하기{% if p.head_image %}<img class="card-img-top" src="{{p.head_image.url}}" alt="Card image cap"/>{% else %}<img class="card-img-top" src="https://picsum.photos/seed/picsum/750/300" alt="Card image cap"/>{% endif %} 이미지가 없을 경우 Lorem Picsum으로부터 이미지를 가져온다. 템플릿에서 truncate로 앞 내용만 보여주기{{p.content | truncatewords:50}}

0
DevelopDjango

Django - 사진 업로드를 위한 ImageField와 업로드된 파일 관리 방법

blog/models.py from django.db import modelsfrom django.contrib.auth.models import User# Create your models here.class Post(models.Model): # 제목 title = models.CharField(max_length=30) # 내용 content = models.TextField() # 이미지 파일 저장을 위한 객체 # upload된 이미지 파일은 blog에 저장이 된다. blank = True는 공란이여도 된다는 의미이다. head_image = models.ImageField(upload_to='blog/', blank=True) # 작성 일자 created = models.DateTimeField() # 저자 author = models.ForeignKey(User, on_delete=models.CASCADE) # 해당 객체를 문자열로 바꿧을 때 어떤 식으로 보여줄 것인지를 결정한다. def __str__(self): # 작성된 페이지의 제목과 저자를 보여준다. return '{} :: {}'.format(self.title, self.author) head_image = models.ImageField(upload_to='blog/', blank=True)를 추가했으므로 이제 이미지 파일을 올릴 수 있게 되었다.이렇게 할 경우 일반적으로 blog폴더에 계속 이미지 파일이 생기게 됨으로 settings.py에 가서 이미지가 저장될 수 있는 폴더를 설정해주어야 한다. 미디어가 저장될 기본 폴더 설정하기 mysite/settings.py MEDIA_ROOT = os.path.join(BASE_DIR, '_media') 이미지 파일이 _media폴더에 저장되게 된다. 날짜별로 사진 파일 저장하기 blog/models.py

0
DevelopDjango

Django - Bootstrap Grid

Bootstrap Gridcontainer blog/templates/blog/post_list.html <div class="container"> <h1>Blog</h1> <!-- 포스트의 모든 게시물들을 하나씩 가져온다. --> {% for p in object_list %} <!-- 제목 --> <h3>{{p.title}}</h3> <!-- 작성일과 작성자 --> <h4>{{p.created}} by {{p.author}}</h4> <!-- 내용 --> <p>{{p.content}}</p> {%endfor%}</div> 메인 페이지 디자인 변경하기 https://startbootstrap.com/templates/blog/ <!-- Page Content --><div class="container"> ...</div><!-- /.row --> bootstrap으로부터 페이지 container 변경을 위해 코드를 가져온다. 가져온 페이지 디자인에 콘텐츠 넣어주기

0
DevelopDjango

Django - navigation bar 만들기

navigation bar 만들기view-source:https://bootswatch.com/simplex/ <body> <!-- navigation bar 코드가 시작되는 부분 --> <div class="navbar navbar-expand-lg fixed-top navbar-light bg-light"> .... </div></body> 내용의 코드를 긁어서 blog/template/blog/post_list.html에 붙여준다.

0
DevelopDjango

Django - FBV -> MBV 블로그 포스트 리스트

blog/view.py변경전 from django.shortcuts import renderfrom .models import Postdef index(request): # Post의 내용들을 전부 다 가져온다. posts = Post.objects.all() return render( request, # 템블릿이 되는 html 코드를 작성할 필요가 있다. 'blog/index.html', # index.html에서 사용하도록 객체를 넘겨주고 있다. # template에 전해주고 싶은 것들을 적어주면 된다. { 'posts': posts, } ) 변경후 from django.shortcuts import renderfrom .models import Postfrom django.views.generic import ListView# Create your views here.class PostList(ListView): model = Post blog/urls.py urlpatterns = [ path('', views.index),] urlpatterns = [ path('', views.PostList.as_view()),] blog/templates/blog/post_list.html 생성 <!DOCTYPE html><html lang="ko"> <head> <meta charset="UTF-8" /> <title>Blog</title> </head> <body> <h1>Blog</h1> <!-- 포스트의 모든 게시물들을 하나씩 가져온다. --> {% for p in object_list %} <!-- 제목 --> <h3>{{p.title}}</h3> <!-- 작성일과 작성자 --> <h4>{{p.created}} by {{p.author}}</h4> <!-- 내용 --> <p>{{p.content}}</p> {%endfor%} </body></html>

0
DevelopDjango

Django - static File 관리하기 bootstrap 적용을 위해

static File 관리하기 : bootstrap 적용을 위해https://bootswatch.com/simplex/ bootstrap을 적용해보기 blog/templates/blog/post_index.html css 파일<meta name="viewport" content="width=device-width, initial-scale=1" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><link rel="stylesheet" href="../4/simplex/bootstrap.css" media="screen" /><link rel="stylesheet" href="../_assets/css/custom.min.css" /> javascript 파일 blog/templates/blog/post_index.html <script src="../_vendor/jquery/dist/jquery.min.js"></script><script src="../_vendor/popper.js/dist/umd/popper.min.js"></script><script src="../_vendor/bootstrap/dist/js/bootstrap.min.js"></script><script src="../_assets/js/custom.js"></script>

0
DevelopDjango

Django - MTV 구조 맛보기 model, views, templates 사용하기

mysite/urls.py from django.contrib import adminfrom django.urls import path, includeurlpatterns = [ path('admin/', admin.site.urls), path('blog/', include('blog.urls')),] blog/url.py 추가 from django.urls import path, includefrom .import viewsurlpatterns = [ path('', views.index),] blog/views.py from django.shortcuts import render# Create your views here.def index(request): return render( request, # 템블릿이 되는 html 코드를 작성할 필요가 있다. 'blog/index.html' ) blog/templates/blog/index.html <!DOCTYPE html><html lang="ko"> <head> <meta charset="UTF-8" /> <title>Blog</title> </head> <body> <h1>Blog</h1> </body></html> blog/views.py

0
DevelopDjango

Django - 지역(시간) 세팅 수정하기, Post 개선하기 str

django 지역(시간) 세팅 수정하기, Post 개선하기 str시간 세팅 수정하기 mysite/setting.py TIME_ZONE = 'UTC' TIME_ZONE = 'Asia/Seoul' str 추가하기 blog/model.py from django.db import modelsfrom django.contrib.auth.models import User# Create your models here.class Post(models.Model): # 제목 title = models.CharField(max_length=30) # 내용 content = models.TextField() # 작성 일자 create = models.DateTimeField() # 저자 author = models.ForeignKey(User, on_delete=models.CASCADE) # 해당 객체를 문자열로 바꿧을 때 어떤 식으로 보여줄 것인지를 결정한다. def __str__(self): # 작성된 페이지의 제목과 저자를 보여준다. return '{} :: {}'.format(self.title, self.author)

0
DevelopDjango

Django - admin 추가하기

admin 계정 만들기python manage.py createsuperuser admin 페이지에 blog의 Post를 반영하기 blog/admin.py from django.contrib import adminfrom .models import Post# Register your models here.admin.site.register(Post)

0
DevelopDjango

Django - blog 앱 만들기 & Post 모델 만들기

blog 앱 만들기 & Post 모델 만들기 & admin에 추가하기블로그 앱 만들기프로젝트 밑에 startapp 명령어를 통해 blog 앱을 만들어 줍니다. python manage.py startapp blog Post 모델 만들기 blog/model.py from django.db import modelsfrom django.contrib.auth.models import User# Create your models here.class Post(models.Model): # 제목 title = models.CharField(max_length=30) # 내용 content = models.TextField() # 작성 일자 create = models.DateTimeField() # 저자 author = models.ForeignKey(User) blog 앱 추가하기 mysite/setting.py

0
DevelopDjango

Django - 장고 시작하기

목차 Django - 블로그 post list와 post detail 페이지에 카테고리 추가하기 Django - Comment (댓글) 작성창 구현하기 Django - Comment (댓글) view 구현하기 Django - Comment (댓글) 모델 구현하기 Django - 로그인 사용자만 접속 가능하게 하기 Django - Post 작성 화면 / 기능 구현하기 Django - Post 수정 화면 / 기능 구현하기 Django - 마크다운적용하기, tag field에 공란 허용하기 Django - Post Detail 개선사항 도출하고 Test 코드 만들기 Django - Category 페이지 만들기 (slugField) Django - 사소한 문제들 해결(불필요한 내용 삭제하기; category 복수형 수정하기 (categorys -> categories)) Django - 블로그 post에 카테고리 추가하기 Django - 블로그 post에 카테고리 추가하기 Django - 블로그 post에 카테고리 추가하기 Django - read more 버튼 동작하게 하기, post_detail 페이지 개선하기 Django - HTML 분리해서 관리하기 Django - Post Detail 페이지 테스트 코드 작성하기 Django - Post List 페이지 테스트 코드 작성하기 part A Django - Post Detail 페이지 만들기 Django - template(html)에서 if문 사용하기 Django - 사진 업로드를 위한 ImageField와 업로드된 파일 관리 방법 Django - Bootstrap Grid Django - navigation bar 만들기 Django - static File 관리하기 bootstrap 적용을 위해 Django - FBV -> MBV 블로그 포스트 리스트 Django - MTV 구조 맛보기 model, views, templates 사용하기 Django - 지역(시간) 세팅 수정하기, Post 개선하기 str Django - blog 앱 만들기 & Post 모델 만들기 Django - 장고 시작하기 장고 설치하기pip install django 장고 프로젝트 시작하기django 를 설치하면 django-admin 명령어를 사용할 수 있습니다. 설치된 django-admin 에 startproject 명령어를 사용하면 새롭게 장고 프로젝트를 시작할 수 있습니다. django-admin startproject mysite 새로운 장고 프로젝트에 들어가면 manage.py 파일이 있습니다. runserver 명령어를 사용하면 장고 서버를 실행할 수 있습니다. python manage.py runserver

0
DevelopRedis

Redis

RedisRedis 특징 Key-Value Store Collection 지원 Pub/Sub 지원 디스크 저장 Replication (복제) Redis 는 싱글 스레드다.

0
DevelopQueryDSL

QueryDSL - QueryDsl 페이징 사용하기

목차 QueryDSL - QueryDsl 페이징 사용하기 QueryDSL - 사용자 정의 Repository QueryDSL - 동적 쿼리와 성능 최적화 조회 QueryDSL - 순수 JPA 리포지토리와 Querydsl QueryDSL - SQL Function 호출하기 QueryDSL - 수정, 삭제 벌크 연산 QueryDSL - 동적 쿼리 QueryDSL - 프로젝션과 결과 반환 QueryDSL - 조인 QueryDSL - 집계 QueryDSL - 결과 조회 QueryDSL - 검색 조건 쿼리 QueryDSL - Q-Type 활용 QueryDSL - JPA JPQL vs JPA QueryDSL QueryDSL 시작하기 Querydsl 페이징public interface MemberRepositoryCustom { List<MemberTeamDto> search(MemberSearchCondition condition); Page<MemberTeamDto> searchPageSimple(MemberSearchCondition condition, Pageable pageable); Page<MemberTeamDto> searchPageComplex(MemberSearchCondition condition, Pageable pageable);} QueryDSL 에서 제공하는 fetchResults 를 사용하게 되면 데이터를 가져오는 쿼리 와 가져온 데이터 수를 확인하는 Count 쿼리 총 2개의 쿼리가 발생하게 된다. @Overridepublic Page<MemberTeamDto> searchPageSimple(MemberSearchCondition condition, Pageable pageable) { QueryResults<MemberTeamDto> results = queryFactory .select(new QMemberTeamDto( member.id.as("memberId"), member.username, member.age, team.id.as("teamId"), team.name.as("teamName") )) .from(member) .leftJoin(member.team, team) .where( usernameEq(condition.getUsername()), teamNameEq(condition.getTeamName()), ageGoe(condition.getAgeGoe()), ageLoe(condition.getAgeLoe()) ) .offset(pageable.getOffset()) .limit(pageable.getPageSize()) .fetchResults(); // fetchResults 를 사용하게 되면 count 쿼리가 같이 나가게 된다. List<MemberTeamDto> content = results.getResults(); long total = results.getTotal(); return new PageImpl<>(content, pageable, total);} Querydsl 페이징 쿼리와 Count 쿼리 분리@Overridepublic Page<MemberTeamDto> searchPageComplex(MemberSearchCondition condition, Pageable pageable) { // 전체 내용을 가져오는 쿼리 List<MemberTeamDto> content = queryFactory .select(new QMemberTeamDto( member.id.as("memberId"), member.username, member.age, team.id.as("teamId"), team.name.as("teamName") )) .from(member) .leftJoin(member.team, team) .where( usernameEq(condition.getUsername()), teamNameEq(condition.getTeamName()), ageGoe(condition.getAgeGoe()), ageLoe(condition.getAgeLoe()) ) .offset(pageable.getOffset()) .limit(pageable.getPageSize()) .fetch(); // 전체 Count 를 가져오는 쿼리 long total = queryFactory .select(ExpressionUtils.count(member)) .from(member) .leftJoin(member.team, team) .where( usernameEq(condition.getUsername()), teamNameEq(condition.getTeamName()), ageGoe(condition.getAgeGoe()), ageLoe(condition.getAgeLoe()) ) .fetchCount(); return new PageImpl<>(content, pageable, total);} 스프링 데이터 페이징 활용2 - CountQuery 최적화