전체 글 (256) 썸네일형 리스트형 CSS: 빈칸이 아닐 때만 width 갖도록 하기 태그는, 태그 안이 빈값인 경우 요소 검사에는 잡히지만 공간 차지는 안함 span에 width를 주기 위해서는 inline-block 의 css style 사용 하지만 이 경우 태그 내에 아무것도 없어도 공간을 차지한다. span에 width 등의 속성을 주고 싶은데, 내부가 비었을 때는 공간 차지를 하지 않도록 하고 싶다. 다음과 같이 태그 내부가 비어있지 않을때만 inline-block과 width를 갖도록 css 를 설정하면 된다. .inblock:not(:empty) { display: inline-block; width: 100px; } Python: 동적으로 변수 이용 # 전역변수, 지역변수, globals(), locals(), importlip, getattr * globals, locals f'{model_name}Form' 위와 같은 형태의 이름 가진 class Form을 동적으로 가져와서 이용하려고 할 때, import를 통해 전역변수에 위 이름을 가진 변수가 있으면 다음과 같이 globals() 사용 가능 globals()[f'{model_name}Form'] globals() 전역변수 접근 locals() 지역변수 접근 globals는 전역변수에 대한 접근 자체가 보안 위험이 있을 수 있으므로 importlib으로 호출을 해서 getattr 을 이용하는게 좀 더 안전한 방법 * importlib import importlib def book_list(request, model_name): form_module = importlib.import_modu.. CSS: HTML tag 줄바꿈 html 태그가 부모 엘리먼트의 width를 벗어나는 경우 아래로 줄바꿈 하는 옵션: flex-wrap:wrap HTML, 숫자만 입력받기 input number only html 숫자만 입력 되도록 regular expression 사용하기 Django QuerySet, update objects Django filter update MODELS.objects.filter(username="sample").update(last_name="Kim") --> 이런식으로 filter로 가져온 여러 row들을 한번에 update로 변경 가능 별거 아니지만 모르면 forloop 돌면서 수정하고 있을수 있으므로 기억해두자 이미지 수정하기 # 로직 # Django image 수정하는 로직 * 아무것도 넣지 않거나, 기존 이미지 삭제하는 경우 default 이미지 있어야 함 * 변경하지 않고 저장하면 기존 이미지가 유지되어야 함 (수정 X, 삭제 X 인 경우) javascript로 프리뷰로 이미지 변경 - 업로드하면 업로드 된 이미지 - 삭제하면 default 이미지 -> front에서 프리뷰 이미지 src가 default 이미지 경로로 잡혀 있으면 (.includes 등으로 확인) is_default_image 속성을 true 로 건네기 - back에서는 is_default_image 값이 true로 들어오면 이미지 삭제 (또는 default 이미지 넣어주기) -> 프리뷰 이미지 src가 default 이미지 경로가 아닌 경우! 수정을 한 경우와, 업로드 후에 수.. Javascript 이미지 업로드 미리보기 Javascript로 이미지 미리보기 1) 이미지 파일만 허용하는 html input 2) 원하는 곳에 이미지 보여주기 아래와 같이 이미지가 있는 곳 설정한 경 const file_input = document.querySelector("#test_input") const image_files = file_input.files[0] const test_img = document.querySelector("test_img") test_img.src = URL.createObjectURL(image_files) HTML: label for id 와 label for 연결 - 클릭 가능 영역 확장 이미지 업로드 이전 1 ··· 20 21 22 23 24 25 26 ··· 32 다음