본문 바로가기

html select selection for test / jQuery, trigger select를 선택하기 위해서는 아래와 같은 코드로 가능합니다. jQuery를 통해서 trigger('change') 하고 싶은 select의 element를 알아냅니다. trigger('change') 하는데 value가 option_3 인 것을 선택하도록 하는 것입니다. 하나 두울 세엣 네엣 다섯 말로 설명하는 것보다 코드를 보는게 훨씬 이해가 빠른 경우가 많죠. 위에 적어둔 설명글보다 코드를 보시는 것을 추천합니다. 개발 과정에서 어떤 선택들을 잔뜩하고 그 결과를 봐야할 때 테스트를 해야 하는 것이 많은데 전부 다 눌러보기 힘들 때 이벤트에 따라서 다른 것을 선택하는 코드를 작성해야 할 때 등등 에서 사용할 수 있겠습니다. 더보기
javascript - select - focus and change 아래와 같이 생긴 select가 있다고 가정하고요. ... 이 select가 focus, change 될 때 일어나는 이벤트는 아래와 같은 코드로 처리할 수 있습니다. $('.aaa-select').on('focus', function () { console.log('focus event'); }).change(function() { console.log('change event'); }); 이런식의 시나리오를 처리할 수 있을 것 같아요. focus 되면 현재 선택되어 있는 값을 저장합니다. change가 일어나면 어떤 프로세스를 처리하는데 변경에 정상적으로 이루어지면 상관없지만 어떤 이유에서 변경이 이뤄지지 않아야 하면 focus에서 저장된 값을 사용해서 원래대로 돌려버리는 것이죠. 그리고 에러 메세지.. 더보기
Django User Password Change using Command Line Django 사용자 패스워드를 변경하기 위한 Command Line은 아래와 같아요. python manage.py changepassword user_name 입력하게 되면 password를 다시 입력할 수 있습니다.successfully for user 'user_name' 메시지가 나왔다면 성공적으로 변경된 것입니다. 더보기
WinSCP -- Mac Access (윈도우에서 맥 sftp 접근) 윈도우 환경에서 WinSCP라는 프로그램을 사용하고 있어요.리눅스나 맥 또는 클라우드 환경의 인스턴스에 있는 파일을 관리하는 용도로 사용하고 있고몇 개의 포스팅에서 간단한 기능 또는 접속 방법에 대해 정리했던 적이 있습니다. 이번에는 WinSCP를 통해서 맥 컴퓨터에 접속하는 방법에 대해서 정리해두려고요. 1. WinSCP에서는 별다른 작업을 할 필요가 없습니다. 하지만 Mac 설정을 변경하는 것이 필요합니다. Mac에서 System Preferences에 들어갑니다. 아래 그림에 표시해둔 것 처럼 Sharing 버튼을 눌러서 다음 단계를 진행합니다. 2. Sharing에 들어가 보면 왼쪽에 Remote Login이 꺼져 있는데 활성화 시켜줍니다. 아래 그림처럼요. 그리고 오른쪽에 Allow access.. 더보기
페이스북 공유 이미지, 설명 변경하기 덧+) 2016.08.16 - 새로운 이미지로 변경하고자 할 때에는 이미지 이름을 변경해줘야 함. 꼭!. - 이미지 이름은 그대로 두고 이미지만 바꾸는 것은 안뎀 !! - 이미지 사이즈를 잘 확인해야 함 :) 아래 URL 또는 사진 참고 https://developers.facebook.com/docs/sharing/best-practices 페이스북 공유하기 버튼을 누르면 설정된 값에 따라 화면이 구성됩니다.예로 다음과 같은 코드를 통해서 설정이 가능하자나요. 공유하기가 아래와 같은식으로 작동하더라구요. 1. 첫 번째 공유가 일어난다. (공유하기 창에는 그림이 안뜰 수 있음) 2. 공유(타임라인에 게시)가 일어나면 페이스북 서버에서 해당 URL에 대한 캐시를 생성한다. 3. 동일한 주소에 대해 공유가 .. 더보기
티스토리 square스킨 스크롤 속도 조절 이번에 변경한 Square스킨은 마음에 들어요 :) 딱 하나 조금 불편해보이는 점은 왼쪽 사이드메뉴의 스크롤 속도가 좀 느리다는 점이였어요.이것도 간단하게 변경할 수 있었는데요. 일단 블로그의 관리자 페이지에 접속하고 스킨을 변경하는 메뉴를 선택합니다. 아래 그림과 같은 화면에서 HTML / CSS 편집을 누릅니다. 편집화면에 들어가면 왼쪽은 미리보기 화면이고 오른쪽은 소스코드 수정하는 부분입니다. HTML 제일 하단에 내려가보면 아래 그림과 같은 화면이 나옵니다. 기본으로는 scrollInertia 라는 속성이 정의되어 있지 않습니다.하지만 아래와 같이 scrollInertia:0 을 추가해주면 왼쪽 사이드바의 스크롤이 빠르게 수행됩니다. 더 자세한 값 또는 속성정보를 확인하고 싶은분들은 mCustom.. 더보기
티스토리 폰트변경 (나눔고딕으로) 티스토리 폰트변경 !! 간단하게 정리해보려구요. 일단 제 블로그의 스킨을 Square로 변경했습니다. 미리보기로 적용해보니 마음에 들어 한 3년? 4년만에 스킨을 바꾼 것 같아요. Square의 기본 폰트는 Ubuntu Condensed 입니다. 익숙한 폰트는 아닌 것 같아요 :)눈에 익숙한 나눔고딕으로 변경해봅시다. 1. 관리자 페이지에서 스킨 변경 페이지로 이동 - 아래 그림과 같은 화면에서 HTML/CSS 편집을 클릭합니다. 2. HTML/CSS 편집에 들어가서 오른쪽 글자 중 CSS를 선택합니다. - 그럼 아래와 같은 화면을 볼 수 있어요. - 요 바로 아래 나눔고딕 폰트를 추가합니다. - google fonts에서 검색하면 되는데요. 제가 검색해서 스샷찍어왔어요. - 요거 복사해서 붙여넣습니다!.. 더보기
bootstrap navigation color change 부트스트랩에서 제공되는 네비게이션의 색을 변경하기 위해서 아래 사이트를 활용하고 있습니다. url : http://work.smarchal.com/twbscolor/ 상단에서 원하는 색을 선택합니다. 위에서 선택된 색은 페이지 제일 하단에 SCSS / SASS / LESS / CSS로 나타납니다. 이것을 복사해서 자신의 프로젝트에 적용하면 되는거죠 :) 저는 노란색 계열로 변경해봤습니다. :) 아래 처럼요. 적용해본 결과는 아래와 같아요 :) 더보기
맥에서 이미지(사진) 크기 변경 맥에 기본으로 제공되는 Preview 앱에서 이미지 크기를 간단하게 변경하는 것이 가능합니다. 사진을 Preview 앱으로 연다. (기본적으로 사진을 더블 클릭하면 preview 앱으로 연결되요) 그 다음 Tools --> Adjust Size 기능을 선택합니다.아래 그림과 같이 현재 이미지의 사이즈가 표시되고 이를 조정하면 됩니다.현재 이미지는 가로 2448 픽셀, 세로 3264 픽셀로 이루어져있네요. 이것을 512 * 683 픽셀로 변경하고 OK 버튼을 클릭합니다. OK 버튼을누르면 이미지 이름 옆에 edited 라고 표현됩니다. 그냥 command + s를 누르거나 preview를 종료하면 원래 파일이 변경한 크기로 저장됩니다.다른 이름으로 저장하려면 edited 옆에 화살표를 눌러서 변경해주면 됩.. 더보기
Ubuntu Boot Order (우분투 부팅 커널 변경) 제목에 영어랑 한글이랑 잘 맞지는 않지만 아무튼 시작해보겠습니다. 참고1. Ubuntu에서만 테스트해봐서 다른 리눅스들은 어떤지 잘 모르겠습니다.참고2. 여러 개의 Kernel (커널)이 설치되었을 때 내가 원하는 커널로 부팅하기 위한 내용입니다. 1. 일단 아래와 같은 파일을 열어봅니다. 보시는 것과 같이 vi /etc/default/grub 파일입니다. 기본적으로는 GRUB_DEFAULT=0 으로 되어 있는데 저는 GROUB_DEFAULT="1>2" 로 설정한 상태입니다. 0은 무엇이고 "1>2"가 무엇인지 알아내는 것이 이번 포스팅의 목적이라고도 할 수 있겠습니다. 2. 위 파일은 닫고 아래 파일을 열어봅니다. vi /boot/grub/grub.cfg 파일입니다. 열어서 쭉 아래로 내리다 보면 me.. 더보기
우분투 데스크톱배경화면 바꾸기 우분투 배경화면 바꾸기 1. 배경화면에서 마우스 오른쪽 버튼을 클릭한다. 2. 원하는 사진을 클릭한다. 폴더 변경은 오른쪽 상단에 있는 Select UI를 통해 가능합니다. 3. 클릭하면 바로 변경되요. :) 4. 이쁜 배경을 제공하는 사이트에 방문한다. ㅎㅎㅎ (저는 주로 https://interfacelift.com/wallpaper 를 사용합니다) 더보기
MariaDB Column Data Type Change 이번에는 MariaDB를 사용해야 하는데요. 많이 쓰이는 SQL 정리도 할 겸. 몇 가지 포스팅을 작성해두려구요 . 이미 많은 블로그에서 정리가 되어 있고, 공식 홈페이지나 SQL 문서를 보셔도 됩니다. MariaDB 홈페이지 : https://mariadb.org/ MariaDB Doc : https://mariadb.com/kb/en/ W3C School SQL : http://www.w3schools.com/sql/ 이번에는 컬럼 데이터 타입을 변경하는 내용입니다. 아래 그림 처럼 데이터베이스 testdb 라는 곳에 userinfo 라는 테이블이 존재한다고 가정하겠습니다. uid와 username 이라는 column을 가지고 있습니다. 여기서 username은 varchar(10)으로 설정되어 있는.. 더보기
OpenStack : Dashboard Session Timeout OpenStack Dashboard에 접속하기 위해서 아이디와 패스워드를 쳤는데 Session timed out 이라는 메세지를 본 적이 계신가요? 그럼 또 아이디와 패스워드를 입력해야 하죠. 실제로 배포할 때는 중요하겠지만 혼자 사용하거나 연구에 사용하는 정도라면 설정 값을 변경하는 것도 좋습니다. 설정 파일은 /etc/openstack-dashboard/local_settings.py 이구요. 설정해야 하는 값은 SESSION_TIMEOUT = 1000000 (숫자, 초 단위) 입니다. 숫자는 마음대로 변경하세요. 너무 낮으면 session timed out 메세지를 자주 만날 수 있죠. 저는 위에 작성한 숫자보다 팍 높여뒀어요. 설정 하셨으면 service apache2 restart 로 아파치 서.. 더보기
OpenStack : Instance Resize (havana version) Havana 버전에서 Instance Resize 기능을 활성화하기 위해서 /etc/nova/nova.conf 파일에 아래 2줄을 추가해야 한다. allow_resize_to_same_host=true allow_migrate_to_same_host=true 그 다음에 nova 관련 서비스들을 재시작(restart)하고 Dashboard에서 Resize를 클릭하면 아래 그림과 같은 화면을 볼 수 있다. New Flavor를 잘 설정하고 Resize를 누르면 처리가 시작된다. 1. Resize/Migrate 노란색 부분이 Resize/Migrate로 변경되고 실제 작업이 이뤄지게 된다. 2. Finishing Resize or Migrate Finishing Resize or Migrate로 상태가 변경된.. 더보기
우분투 서버 타임존(time zone) 변경, 시간 변경 우분투 서버에서 타임존을 변경하기 위해 tzselect라는 명령어를 사용할 수 있습니다. tzselect는 보여지기 위한 부분만 변경합니다 먼저 date 라는 명령어로 현재 설정되어 있는 시간을 확인해보면 아래와 같습니다. root@test:~# date Tue Mar 10 05:21:10 UTC 2015 이것을 한국으로 타임존을 변경하기 위해서 tzselect를 사용하면 아래와 같습니다. 보여지는 것을 한국 시간으로 변경하기 위해서 tzselect를 사용할 수 있습니다. root@test:~# tzselect Please identify a location so that time zone rules can be set correctly. Please select a continent or ocean. .. 더보기
GDAL : 래스터 데이터 좌표계 변경 (gdalwarp 사용) gdalwarp를 사용하는 방법은 http://www.gdal.org/gdalwarp.html 에 자세히 나와있습니다. 요 포스팅에서는 gdalwarp를 이용해서 좌표계를 변경하는 방법에 대해서 한글로 간단하게 정리하는데 의미가 있습니다. 설명을 위해 A.tif 라는 파일을 생성해뒀습니다. A.tif 라는 파일의 좌표계는 EPSG 4326입니다. gdalinfo 명령어로도 확인이 가능하죠 아래와 같이 말이에요. gdalinfo A.tif Driver: GTiff/GeoTIFF Files: Original00.tif Size is 2000, 2000 Coordinate System is: GEOGCS["WGS 84", DATUM["WGS_1984", SPHEROID["WGS 84",6378137,298.2.. 더보기