전체 글 (202) 썸네일형 리스트형 Django에 bootstrap 설치 https://django-bootstrap-v5.readthedocs.io/en/latest/installation.html Installation — django-bootstrap-v5 1.0.0 documentation Installation The preferred way to install django-bootstrap-v5 is pip : $ pip install django-bootstrap-v5 Alternatively, you can install download or clone this repo and install from its folder with: $ pip install -e . In your project, you should add django-bootstrap-v5 to .. github에 PC public key 연결하기. 1. git hub에 가입 2. New 버튼으로 Repository 생성 대표사진 삭제 사진 설명을 입력하세요. 3. github.com > Settings > SSH and GPG keys 에서 SSH Keys 추가 4. ssh public key 얻는 방법 - 명령 프롬프트에서 ssh-keygen을 실행하여 생성 된 id_rsa.pub 파일을 editor로 열면 확인 가능한 public key를 복사하여 SSH Keys에 추가하면 된다. Git 특정 폴더 아래의 전체 파일 무시하기 1. vi를 이용하여 ignore 파일을 연다. vi .gitignore 2. 맨 아래쪽으로 가서 무시하고자 하는 폴더 위치를 아래 처럼 넣는다. # Uploaded Static Files static/uploaded/ 흰 배경흰 배경회색 가로줄 배경회색 가로줄 배경어두운 배경어두운 배경 삭제삭제 3. gitstatus를 했지만 위의 특정 폴더 아래 변경사항은 안보이게 된다. $ git status On branch main Your branch is up to date with 'origin/main'. Changes not staged for commit: (use "git add ..." to update what will be committed) (use "git restore ..." to di.. javascript execCommand 이용하기 https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand 이미지 썸네일 삭제 Document.execCommand() - Web APIs | MDN When an HTML document has been switched to designMode, its document object exposes an execCommand method to run commands that manipulate the current editable region, such as form inputs or contentEditable elements. developer.mozilla.org 일단 위의 페이지에 들어가면 deprecated 되었다고 나온다. 하지만.. javascript Color Picker 만들기 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color 이미지 썸네일 삭제 - HTML: HyperText Markup Language | MDN elements of type color provide a user interface element that lets a user specify a color, either by using a visual color picker interface or by entering the color into a text field in #rrggbb hexadecimal format. developer.mozilla.org 오른쪽 정렬오른쪽 정렬왼쪽 정렬왼쪽 정렬가운데 정렬가운데 정렬 삭제삭제 1. .. Javascript Image Size 조절 https://stackhowto.com/how-to-increase-and-decrease-image-size-using-javascript/ 이미지 썸네일 삭제 How to Increase and Decrease Image Size Using JavaScript - StackHowTo To increase and decrease image size. You can use JavaScript’s width or height property to proportionally increase or decrease the stackhowto.com 오른쪽 정렬오른쪽 정렬왼쪽 정렬왼쪽 정렬가운데 정렬가운데 정렬 삭제삭제 css를 이용하여 그림 사이즈 조절이 가능합니다. let imgTag = document.c.. Ajax Pure Javascript 를 이용한 File upload 1. File Object 숨기기 위해 별도의 form을 하나 만들고 multipart로 설정한다. Cross-Site Request Forgery (CSRF) 공격을 방지하기 위해 token도 넣어준다. {% csrf_token %} 2. createElement를 이용하여 form에 file input을 추가한다. var fileSelector = document.createElement('input'); fileSelector.setAttribute('type', 'file'); fileSelector.setAttribute('name', 'fileupload'); fileSelector.setAttribute('accept', 'image/*'); 3. function 이 클릭 되었을 때 작동되는.. Bootstrap 시작하기 https://django-bootstrap-v5.readthedocs.io/en/latest/quickstart.html Quickstart — django-bootstrap-v5 1.0.0 documentation django-bootstrap-v5 latest Installation Quickstart Example template Template tags and filters Settings Demo application Migration Template tags and filters Settings Templates Widgets Authors Changelog Docs » Quickstart Edit on GitHub Quickstart After Installation , you can us.. 이전 1 2 3 4 5 6 7 8 ··· 26 다음
