제이쿼리를 사용하여 브라우저 창의 크기를 조절할 때 이벤트를 발생하는 방법에 대하여 알아봅니다. 또 자바스크립트만 사용할 경우의 방법도 함께 알아봅니다.# 브라우저 크기 변화에 따른 이벤트 발생, jQuery브라우저 크기가 바뀌었을 경우 제이쿼리의 메소드 resize()를 사용할 수 있니다. resize()는 브라우저 창의 크기가 바뀌게 되면 콜백함수를 호출하여 코드를 실행하게 됩니다. 먼저 간단한 사용 방법은 아래와 같습니다.$(window).resize(function() { ... });매우 간단한 코드입니다. 제이쿼리에서는 자바스크립트 resize 이벤트를 좀 더 쉽게 사용할 수 있게 해주며 자바스크립트만 사용해서도 당연히 가능합니다.! resize 이벤트는 언제 필요한가?실제 웹사이트를 구축할 경
Last Modified : 2019-08-05 23:04:19웹사이트의 방문자가 textarea 태그의 박스크기, 사이즈를 임의로 수정을 못하게 하는 방법을 알아보겠습니다. 어떻게해야할까요? 아래에서 알아봅니다.먼저 textarea 태그는 주로 게시판이나 댓글에 사용됩니다. 이때 textarea 태그는 기본값으로 사용자가 임의 사이즈를 변경 가능토록되어있습니다. 이때 방문자가 임의변경을 못하게 하려면? 바로 css의 resize 속성값을 변경해야합니다.# textarea 변경 못하도록 고정하는 방법아래는 resize 속성을 사용하여 방문자가 사이즈를 변경하지 못하도록 막는 예제입니다. 그럼 아래 소스를 봐주세요.@ textarea.html<div> <textarea class="noresize"></textarea></div>이제 태그에 css의 resize를 사
Last Modified : 2019-09-01 23:11:03CKEditor를 사용하여 에디터를 활성화한 이름이 만약 myEditor라면 다음과 같이 리사이즈 또는 사이즈 등의 옵션을 설정할 수 있습니다.# CKEditor를 사용한 사이즈 조절 및 최대최소 설정하기- 사이즈 조절myEditor.resize(width, height);- 에디터 영역을 포함할 것인지를 결정( true / false )myEditor.resize(width, height, true);# CKEDITOR config 사용의 설정config 설정은 아래와 같이 사용합니다.CKEDITOR.editorConfig = function(config) { // 설정 내용 여기에};- 최소 및 최대 크기의 설정config.resize_minWidth = 200;config.resize_maxWidth
Last Modified : 2017-05-31 10:12:45Python에서 이미지를 추가하는 경우 썸네일(Thumbnail) 이미지가 필요한 경우가 있습니다. 아니면 리사이즈 된 이미지를 저장할 수도 있죠. 어떻게 하면 썸네일을 쉽고 빠르게 만들 수 있는지 알아봅니다.# Python Pillow 라이브러리Python에서 사용가능한 패키지로 PIL 또는 Pillow가 존재합니다. PIL은 Python Image Library의 약자로 다양한 기능을 가지고 있습니다. 그 중에는 물론 이미지의 크기를 조절할 수 있습니다.! Python에 PIL 설치하기먼저 PIL을 설치하는 방법을 알아봅니다. 설치를 하기 위해 아래와 같이 Package를 다운로드합니다.> pip install Pillow인스톨이 끝나면 이제 썸네일을 생성하는 방법을 알아봅니다.! Python 썸네일 또
Last Modified : 2020-08-09 19:57:46textarea 태그는 사용자가 입력한 값을 받는데 유용하게 사용할 수 있다. 기본적으로 textarea의 창 크기는 텍스트에 따라 자동으로 변하지 않는다. 하지만 textarea 엘리먼트는 resize가 가능한 인터페이스를 가지고 있어 이를 늘리거나 줄이는 기능을 css를 통해 사용할 수 있다. 만약 textarea 태그를 리사이즈(resizing) 할 경우 좌우 길이나 상하 높이만 조절하려면 어떻게 해야할까?복잡한 스크립트를 떠올릴 수도 있으나 사실 css의 resize 속성을 사용하면 간단하게 해결할 수 있다. resize 옵션은 textarea의 사이즈 변경이 가능한 옵션으로 설정할 경우 크기를 변경하거나 반대로 못하게 할 수 있는 편리한 css 속성이다. 게다가 수평 또는 수직으로만 변경가능한 옵션
Last Modified : 2017-09-13 12:22:52자바스크립트의 이벤트 중 resize는 페이지 사이즈가 바뀌면 계속해서... 일반적으로 픽셀단위로 발생합니다. 만약 연속해서 발생하지 않도록 하는 방법은 무엇이 있을까요?가장 간단한 방법으로 clearTimeout을 활용하는 방법이 있습니다. 아래의 코드를 봐주세요.# resize 이벤트 연속해서 발생하지 않는 방법아래와 같이 예제를 작성해보았습니다.var resizeTimeout;clearTimeout(resizeTimeout);resizeTimeout = setTimeout(function() { Code}, 150);위 코드는 clearTimeout을 사용하여 만약 resizeTimeout이 존재하는 경우 clear... 즉 제거합니다. 그 이유로 150ms 이전에는 이벤트가 발생하지 않
Last Modified : 2019-08-06 22:00:19