본문 바로가기

TIL

TIL 061423

https://aroundck.tistory.com/5948

 

[Database] -journal 파일의 정체는 뭘까? ( + WAL, temp files )

[Database] -journal 파일의 정체는 뭘까? ( + WAL, temp files ) http://gywn.net/2013/08/let-me-intorduce-sqlite/http://www.sqlite.org/tempfiles.html Journal --journal 은 rollback journal 이다.이는 SQLite 에서 atomic commit & rollback 을 지

aroundck.tistory.com

그냥 db가 업데이트 되는 동안 생기는 temp file이었다.


TourAPI의 장소들 이미지는 url로 제공

URLField는 CharField지만 URLValidator를 거친다고 한다.

IE 중 URL이 2000자인가? 제한이 있는 버전이 있다고 한다.

TourAPI의 이미지 url들은 다 일정하게 100자 이내인 것 같다.

보통은 URLField에서 max_length=200이라고 한다.

https://velog.io/@qlgks1/Django-Model-%ED%95%84%EB%93%9Cfiled-%EB%AA%A8%EC%9D%8C%EC%A7%91#urlfield

 

Django Model - 필드(filed) 모음집

장고 Model - ORM에서 사용하는 Field 리스트 살펴보기. 장고 모델 - 필드 공식 문서와 사용 경험과 다른 문서를 참조해서 총 망라 형식으로 정리했습니다.

velog.io


이미지필드에서 텍스트필드로 변경 후 리뷰 작성 시 에러 발생

https://phin09.tistory.com/66

 

django.db.utils.IntegrityError: NOT NULL constraint failed

메세지만 읽어도 nullable하지 않은 데에 값을 안 넣었구나 싶은 에러다. 설 연휴 때 장고 책을 보고 따라하다 save(commit=False)를 기억하기 위해 일부러 내 보았다. 참고한 장고 책에서는 not null인 생

phin09.tistory.com

nullable하지 않은 데에 값을 안 넣어서 발생하는 에러라 그래서 null=True, blank=True를 넣어줬지만 같은 에러 발생.

makemigrations, migrate 다시 하면 해결된다 그래서 여러번 했으나 계속 같은 에러 발생.

리뷰 시리얼라이저에서 foreignkey로 연결된 spot의 정보를 get_spot으로 가져오는 부분이 문제였다.

리뷰 작성용 시리얼라이저 새로 만드니 해결!


https://dasima.xyz/html-label/

 

HTML label 태그 for 사용법 및 for 없이 사용법 - dasima

HTML label 태그 어떻게 사용해야 할까요? input 태그를 설명합니다. input 바깥에 사용할 경우 자동으로 서로 연결됩니다. 따로 사용할 경우 label for 속성을 통해서 값을 지정하고 input 태그에 id 값을

dasima.xyz

label 태그 많이 본 것 같은데 for이 필요한거였나? 이건 처음 보는 것 같다.

for를 써주면 label을 아무데나 배치 가능.

안 쓰면 label로 input을 감싸줘야한다.

안 써봤는데 스타일이 깨져서 다시 for를 넣어줬다.


달력이 head부분의 menu에 가려서 위쪽만 짤려 보이는 현상 발생.

https://myit.tistory.com/12

 

[css]최상위(맨위)에 보이게 하기

블로그 내 사이드 바를 꾸미던 중 두개의 div 태그 두개가 겹쳐져 원하는 것이 맨위로 올라오지 않는 현상 발생함. 수정 전에 이전글이 블로그 메뉴에 가려져 보이지 않았는데 수정 후 맨위에 올

myit.tistory.com

head menu 부분의 z-index: 9999999보다 1 큰 1000000을 datepicker의 z-index에 넣어줬더니 해결.


https://webdir.tistory.com/435

 

폼 필드(input type="file") 디자인 #4

폼 필드 디자인중 마지막을 장식할 파일 필드에 대한 내용입니다. 이 또한 브라우저 호환에 어려움을 겪곤 하는데, 관련해서 대안책들을 알아봅니다. 파일 필드 디자인 현황 파일 필드의 디자인

webdir.tistory.com

사진파일첨부 input이 안예뻐서 찾아봤더니 브라우저마다 디자인이 따로 정해져있다.

일단 수직 가운데, 왼쪽 여백으로 위치만 적당히 이쁘게 해놨다.

디자인 자체는 나중에 알아봐야겠다.


https://tsdn.tabslab.com/ko/tabsupload/5.1/html/aeff00d5-9580-4f01-b91d-31d601338782.htm

 

여러 파일 업로드

사용자에 의해 선택된 다수의 파일을 비동기 방식으로 업로드합니다. 각 파일 별 업로드 진행률을 출력하며 진행 중인 업로드를 취소할 수 있습니다. 여러 파일 선택 후 업로드 여러 파일을 선

tsdn.tabslab.com

https://velog.io/@han0707/Django-multiple-image

 

Django 다중 이미지

django 다중 이미지 처리하기!

velog.io

이런 방법도 있다.


지역 17개는 별로 안 많은 것 같아서 그냥 html 파일에 바로 썼다.

그런데 드롭다운 셀렉트 토글 이걸로 막상 보니까 너무 길다.

스크롤을 만들려고 했는데 select에선 size=3이런 식으로 몇개 옵션들을 넘어가면 스크롤을 쓸건지 정할 수 있다.

그런데 이번에 쓰는 템플릿에선 한번 옵션을 선택하면 div가 생긴다.

div 태그에선 overflow 속성으로 스크롤을 만들 수 있다. scroll은 그냥 무조건 생기고 auto는 영역을 넘어가면 그때 생긴다.

div의 크기를 4개 옵션정도 되도록 지정해놓고 overflow:auto; 를 추가해줬다. 해결.

https://ojji.wayful.com/2015/04/HTML-DIV-tag-Scroll-Bar-Display-Hidden-Set-Overflow-auto-hidden-scroll-white-space-nowrap-overflow-x-overflow-y.html

 

HTML DIV tag: 스크롤바 넣기와 제어하기 - overflow: auto, scroll, hidden, white-space:nowrap

HTML <DIV>태그에 스크롤바를 표시 또는 숨기거나 제어하는 방법을 설명합니다

ojji.wayful.com


https://hianna.tistory.com/671

 

[Javascript] DOM의 style(css) 변경하기, 읽기 (style, getComputedStyle())

Javascript를 이용하여 DOM 객체를 다루는 방법을 알아보고 있습니다. [Javascript] 선택자, DOM 특정 요소(element) 찾기 [Javascript] class 추가/변경/삭제/읽기 (className, classList) [Javascript] innerHTML, innerText, textC

hianna.tistory.com


텍스트 수직 가운데 정렬

line-height를 height와 동일한 수치로 하면 된다.

[HTML/CSS] 텍스트 수직, 세로방향으로 중앙 정렬하는 다양한 방법 알아보기

 

[HTML/CSS] 텍스트 수직, 세로방향으로 중앙 정렬하는 다양한 방법 알아보기

웹페이지에서 텍스트를 세로로 중앙정렬 하기 위한 방법은 어떤게 있을까요? 몇가지 방법이 있겠지만 그 중에서 어떤 방법이 가장 적합할지 알아보고자 합니다

webisfree.com


https://kkamikoon.tistory.com/entry/Javascript-onchange-%EC%9D%B4%EB%B2%A4%ED%8A%B8%EB%A1%9C-%EB%82%B4%EC%9A%A9-%EB%B3%80%EA%B2%BD-%EA%B0%90%EC%A7%80

 

[Javascript] onchange 이벤트로 내용 변경 감지

01. onchange 함수 문법 onchange 함수는 우리가 작성한 Javascript를 통해 변화가 일어났는지 탐지해줍니다. 예제 소스 결과 02. onchange 함수 응용 예제 소스 Choose your value YourValue01 YourValue02 9번 라인에서 '

kkamikoon.tistory.com


https://bolob.tistory.com/entry/React-React-onClick%EC%97%90-%EC%97%AC%EB%9F%AC-%ED%95%A8%EC%88%98%EB%A5%BC-%EB%84%A3%EA%B3%A0-%EC%8B%B6%EB%8B%A4%EB%A9%B4-%EC%A3%BC%EC%9D%98%EC%82%AC%ED%95%AD

 

[React] React onClick에 여러 함수를 넣고 싶다면 (+주의사항)

React onClick할 때 여러 동작을 붙이고 싶은 경우가 많다. 처음에 많이 당황스러웠던 에러는 onClick에 함수 두 개 넣었을 때 예상치도 못했는데 에러가 무한으로 발생했을 때. 이런 간단한 코드에서

bolob.tistory.com


https://chichi-story.tistory.com/18

 

[Javascript] 시군구 select box

다중 select box 사용 주소 검색 1. html 2. js $('document').ready(function() { var area0 = ["시/도 선택","서울특별시","인천광역시","대전광역시","광주광역시","대구광역시","울산광역시","부산광역시","경기도","

chichi-story.tistory.com


https://django-filter.readthedocs.io/en/stable/guide/usage.html

 

Getting Started — django-filter 23.2 documentation

The FilterSet Meta class provides a fields attribute that can be used for easily specifying multiple filters without significant code duplication. The base syntax supports a list of multiple field names: The above generates ‘exact’ lookups for both the

django-filter.readthedocs.io

foreignkey의 필드로 필터링하고 싶을 때.

spot__type, spot__area 이렇게 언더스코어 두개를 쓰면 된다.

'TIL' 카테고리의 다른 글

TIL 061623  (0) 2023.06.17
TIL 061523  (0) 2023.06.15
TIL 061323  (0) 2023.06.13
TIL 061223  (0) 2023.06.12
TIL 060923  (0) 2023.06.09