본문 바로가기

TIL

TIL 061923

https://stackoverflow.com/questions/28607727/how-to-calculate-average-in-django

 

How to calculate average in Django?

I have Category and Product models below: class Category(models.Model): name = models.CharField(max_length=20) class Product(models.Model): category = models.ForeignKey(Category, on_delete=

stackoverflow.com

from django.db.models import Avg

rate_avg = obj.spot_reviews.aggregate(Avg("rate"))["rate__avg"]

이렇게 평균을 구하는데 평점을 남긴 리뷰가 없으면 null이다.

그래서 round(rate_avg, 1)을 할 때 에러가 났다.

없으면 0점이 아니라 빈칸으로 안 보여줄거기 때문에 null은 그냥 그대로 null로 놔두고 있는 것들만 평균값을 return하게 했다.


https://dpdpwl.tistory.com/94

 

[Python]파이썬 자리수 조절(소수점,올림,반올림)

실수를 표현할때, 자리수를 원하는대로 조절하고, 정수의 올림 반올림을 하고싶을때 사용하는 함수가있다. 반올림 소수점을 n번째 까지만 표현하고 반올림을 하고싶을때, round 함수를 사용하면

dpdpwl.tistory.com

반올림은 round()


https://ojji.wayful.com/2014/01/HTML-DIV-Layer-Position-Absolute-Relative-Z-index-Visibility.html

 

HTML DIV tag: 영역 겹치기와 보이기 순서 지정하는 방법 - Position, z-index

HTML DIV 영역 2개 이상을 서로 겹치는 방법과 겹침 순서를 설정하는 방법을 설명합니다

ojji.wayful.com

이것저것 position들을 변경해보다가 어떤 하나를 static으로 바꿔줬더니 원하는대로 됐다.


https://offbyone.tistory.com/341

 

CSS에서 height: 100% 가 동작 하도록 설정하기

태그의 높이를 100%로 줘서 차지할 수 있는 전체 높이를 가지도록 하려고 합니다. 아래와 같이 스타일에 hieght: 100% 를 지정했지만 동작하지 않습니다. .panel-container { height: 100%; display: flex; flex-direct

offbyone.tistory.com


https://velog.io/@kallroo/CSS-%EC%9D%B8%EB%9D%BC%EC%9D%B8-style%EC%97%90%EC%84%9C-hover-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0%EB%B6%88%EA%B0%80

 

[CSS] 인라인 style에서 hover 적용하기(불가)

Rateye님 블로그css파일이나 스타일 태그를 따로 만들지 않고, 태그 안에서 style을 지정하는 방법이다.글자가 빨간색으로 변환걸 확인할 수 있다. 그래서 나도 inline style로 계속 적용하던 중 hover를

velog.io

hover시 버튼이 투명해지는 문제가 있었는데 그냥 다른 버튼으로 바꿔줬다.


https://blog.naver.com/dawnawaker/130092373758

 

특수 문자 / 원문자 / 화살표 / 연산자 / 특수 기호

ㆍ⦁∎◦∘∙⋅▪▫■○▲△▴▵▶▷ ...

blog.naver.com


https://nykim.work/35

 

[SVG] SVG 다루기

1. SVG란? SVG는, 확장 가능한 벡터 그래픽(Scalable Vector Graphics)을 말합니다. 2차원 그래픽을 표현하기 위해 만들어진 XML파일 형식의 마크업 언어인데요, 텍스트 편집기에서 CSS나 JS로 수정이 가능하

nykim.work

좋아요를 누르면 하트의 색이 빨개지거나 회색이 되게 해보고싶다.


https://www.google.com/search?q=span+%EC%98%A4%EB%A5%B8%EC%AA%BD+%EC%A0%95%EB%A0%AC&oq=span+%EC%98%A4%EB%A5%B8%EC%AA%BD+%EC%A0%95%EB%A0%AC&aqs=chrome..69i57.403256375j0j15&sourceid=chrome&ie=UTF-8 

 

🔎 span 오른쪽 정렬: Google 검색

 

www.google.com

하트 오른쪽에 위치하게 만들기


https://velog.io/@hansol/div-%EA%B8%80%EC%9E%90%EC%88%98-%EC%A0%9C%ED%95%9C

 

div 글자수 제한

글자 수 제한 넘길 시 말줄임표 ... 표시해주는 속성 ellipsis 한 줄일 경우에는 width 값 줘도 되더라나는 3줄짜리 멀티플 라인이었기땜에 webkit box로 잡아주고 세로줄 제한 넣어줌border는 지워주고hei

velog.io

https://paperblock.tistory.com/215

 

CSS로 텍스트 라인수를 제한하는 방법

웹에서 어떤 글의 목록의 제목, 혹은 본문 요약 부분 등은 일정 줄 수 이상에 대해서는 "..."로 표시되는 경우를 많이 보셨을 것입니다. 아무래도 제목이나 본문 요약 등은 길이가 동일한 것이 디

paperblock.tistory.com

https://devbirdfeet.tistory.com/140

 

CSS - 텍스트가 넘칠때 생략하기 (말줄임)

Updated 08/01/22 css 를 사용하다 보면 은근히 텍스트를 생략해야 할 때가 많다. 지난번에도 UI 작업하다가 버튼 안의 텍스트가 너무 길어 버튼 영역이 망가져 버렸다. 이럴때 너무 텍스트가 길면 ...

devbirdfeet.tistory.com

백엔드에서 리스트 시리얼라이저에 get_summary()를 만들수도 있지만 프론트에서 제한할수도 있다.

나는 본문 2줄로 제한.


https://www.django-rest-framework.org/api-guide/relations/#nested-relationships

 

Serializer relations - Django REST framework

relations.py Data structures, not algorithms, are central to programming. — Rob Pike Relational fields are used to represent model relationships. They can be applied to ForeignKey, ManyToManyField and OneToOneField relationships, as well as to reverse re

www.django-rest-framework.org

https://velog.io/@minkyeong-ko/HTMLCSSJS-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%97%85%EB%A1%9C%EB%93%9C-%ED%8C%8C%EC%9D%BC%EC%9D%B4%EB%A6%84-%EB%82%98%ED%83%80%EB%82%B4%EA%B8%B0-%ED%99%94%EB%A9%B4%EC%97%90-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%B3%B4%EC%97%AC%EC%A3%BC%EA%B8%B0

 

[HTML/CSS/JS] 이미지 업로드 - 화면에 파일 이름과 업로드된 이미지 보여주기

구현할 동작은? 버튼을 눌러서 업로드할 이미지 선택 -> 파일 이름 확인하고 제출 -> 화면에 보여지는 이미지 확인 이를 세 가지 과정으로 나눌 수 있다. form과 label로 이미지 업로드 버튼 만들기 j

velog.io


https://redcow77.tistory.com/629

 

[Javascript] 문자열 일정하게 반복하기 - repeat() 함수

자바스크립트(Javascript)의 repeat() 함수 자바스크립트(Javascript)의 repeat() 함수는 주어진 문자열을 옵션의 count 만큼 반복하여 붙인 다음에 새로운 문자열로 반환하는 함수입니다. 문자열을 반복한

redcow77.tistory.com

*가 아니라 repeat()


https://velog.io/@seondal/h1-%ED%83%9C%EA%B7%B8%EC%99%80-h2-%ED%83%9C%EA%B7%B8%EA%B0%80-%ED%95%9C%EC%A4%84%EC%97%90-%EB%82%98%EC%98%A4%EA%B2%8C-%ED%95%98%EA%B8%B0-inline-%EC%86%8D%EC%84%B1

 

h1 태그와 h2 태그가 한줄에 나오게 하기 = inline 속성

<h1 style="display:inline;"> bigger text </h1> <h2 style="display:inline;"> smaller text </h2>

velog.io


https://mine-it-record.tistory.com/266

 

[JavaScript] 숫자 소수점 자리수 지정하기 (feat. toFixed())

- Number.prototype.toFixed() toFixed()는 숫자형으로 이루어진 변수를 대상으로 소수점 자리수를 지정할 수 있게 도와주는 메서드인데 구문은 다음과 같다. numObj.toFixed([digits]) (digits : 소수점 뒤에 나타날

mine-it-record.tistory.com

포스트맨에선 2.0으로 response되는데 화면엔 2로 나온다.

toFixed()로 정수에도 .0을 붙여줬다.

'TIL' 카테고리의 다른 글

TIL 062123  (0) 2023.06.21
TIL 062023  (0) 2023.06.20
TIL 061623  (0) 2023.06.17
TIL 061523  (0) 2023.06.15
TIL 061423  (0) 2023.06.15