본문 바로가기

텍스트 하이라이트 (text highlight) Mark.js 예제 필요해서 만들려고 생각하다가 분명히 있을거야 라고 찾아보면 항상 있죠 ㅋㅋㅋㅋ 최근에 검색한 결과 중에서 검색어를 하이라이트해서 보여주고 싶다는 생각이 들었고 찾아보니 mark.js 라는 라이브러리가 있더라고요. 사용도 간단하고 가볍고 해서 선택했습니다. 간단한 사용 예제 하나 가지고 왔어요. .... 위와 같은 코드로 mark.js 를 간단하게 적용할 수 있습니다. 코드를 간단히 살펴보면 aa_table에 존재하는 test라는 글자를 test로 변경해줍니다. 따라서 test는 table_highlight css 적용을 받게 되고 배경이 노란색으로 표시되죠. mark.js 홈페이지에 가보시면 더 많은 예제, 사용방법이 나와있습니다. mark.js 홈페이지 바로가기 : https://markjs.io/ 더보기
Django User Profile 적용하기 with allauth models.py에 UserProfile 모델을 하나 생성합니다. 저는 TestUserProfile을 하나 만들었고 user, gender, address를 가지고 있습니다. user는 User모델과 1:1 매칭됩니다. gender와 address는 그냥 charField입니다. 제대로 하기 위해서는 알맞은 타입을 가져야 하겠죠 ? 다음은 forms.py 에다가 SignupForm을 생성해줍니다. gender, address 에 해당하는 form 필드를 만들어 줍니다. widget을 설정할 수 있습니다. attrs에 class를 추가할 수 있고요. signup 함수를 만들고 profile, user를 저장하는 코드를 작성해줍니다. python manage.py makemigrations python ma.. 더보기
Google Analytics 통화 변경 (달러에서 원화로 변경하기) Google Analytics의 기본적인 통화는 달러로 되어 있습니다. 원화로 변경하는 방법이 매우 간단합니다. 아래 그림을 보면서 따라해보세요. 기본적으로는 달러로 되어 있습니다. Googla Analytics의 Admin에 들어가서 View 쪽을 선택합니다. View Settings 안에 Currency displayed as US Dollar (USD $)으로 되어 있는 것을 변경합니다. Korea를 검색해서 South Korean Won ( KRW ) 을 선택합니다. GA에서 변경된 것을 확인하면 끝 더보기
iCheck Radio Button Background Color Change 저는 checkbox나 radio button 만들 때 iCheck라는 라이브러리를 사용하는데요. iCheck github : https://github.com/fronteed/iCheck/ iCheck refer : http://icheck.fronteed.com/ 이 포스팅에서는 iCheck에 대해서 설명하기 보다는 background color를 간단하게 변경하는 방법을 작성해둡니다. iCheck를 사용하기 위해 추가하는 css 파일을 열어보면 아래와 같습니다. ............ 저는 radio button의 background color만 변경하고 싶었고요. 아래와 같이 분리하고 background color 만 지정해주면 됩니다. ......... 위와 같이 background color를.. 더보기
AWS Route53 ---- Domain service 웹에 검색만해도 수두룩하게 나오는데 굳이 포스팅해두는 이유는 내가 찾아보기 쉽게? :) 포스팅하면서 정리도 한 번하고 최종적으로 구성하려는 구조는 아래와 같이 일반적인 구조 :) =============================================== Route53 --------- Cloud Front --------- S3 =============================================== 구입해둔 Domain -------- Route53 연결하기 - Route53은 DNS 서비스 - 구입해둔 Domain 주소로 Request 들어오면 Route53 DNS 서비스 사용하도록 연결하는 것이 목적 - 잡소리는 접어두고 아래와 같이 시작 AWS 로그인 후에 Route53 S.. 더보기
티스토리 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 옆에 화살표를 눌러서 변경해주면 됩.. 더보기
QueryDict 활용, 변경해서 사용 아래는 DRM에서 사용자의 Post 메소드를 처리하는 함수 중 일부입니다. request를 출력해보면 QueryDict 객체라는 것을 알 수 있는데요. QueryDict는 수정이 불가합니다. 즉 immutable 하죠 !! 많이 발생하는 경우는 아니지만 어째뜬 QueryDict의 내용을 수정해야 할 경우가 있습니다. 여러 가지 방법이 존재하겠지만 아래와 같은 방법도 가능합니다. 1. QueryDict를 Dictionary로 변경한다. - QueryDict 클래스의 함수 중에 dict()가 있는데요. 이것은 QueryDict를 Dictionary로 변경해줍니다. - ex) request.data.dict() - https://docs.djangoproject.com/en/1.9/ref/request-res.. 더보기
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 를 사용합니다) 더보기
zsh theme change (zsh 테마 변경) zsh로 넘어가야겠다고 강력하게 생각이 들었어요. 그래서 예전에 작성해둔 zsh 설치를 따라하구 guake에서도 zsh로 변경했습니다. zsh은 여러 theme가 존재합니다. https://github.com/robbyrussell/oh-my-zsh/wiki/themes 위 URL에 가셔서 원하는 theme 이름을 사용자 홈 폴더에 존재하는 .zshrc 에 입력해주면 됩니다. 기본 theme는 robbyrussell 입니다. 저는 dieter로 변경했는데요. 일단 2줄로 나오는 테마는 제외했습니다. 쉽게 익숙해지기 어려울 것 같아서요. 눈이 따라가지질 않아서요... 그리고 좀 깔끔했으면 해서 몇 개를 변경해본 결과 dieter로 일단 시작합니다. :) git 폴더로 들어가면 맨 마지막에 branch 이름.. 더보기
한글2014 자동 변환 끄기 어제 오늘 한글에서 문서 작업을 하고 있는데 설정이 잘 안되어 있는지 (물론 제가 안한거지만요 ^^;;) (c) 요렇게 입력하면 corporation 마크로 자동으로 변환되더라구요. 한 두번은 참고 다시 (c)로 변경했지만 폭발하고!! 옵션을 삭제했습니다. 단축키는 Shift + F8 이라고 하구요. 키보드 또는 마우스로는 아래 그림 같이 도구 -> 빠른 교정 -> 빠른 교정 내용을 클릭합니다. 빠른 교정을 모두 중지하기에는 제가 오타를 많이 ... 그래서 (c) 요것만 삭제하고 싶을 땐 빠른 교정 사용자 사전에 가셔서 (c)를 찾고 아래 버튼 중에서 X를 눌러 삭제합니다. 끝!! 진작에 할 것을... ㅠ 더보기
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 로 아파치 서.. 더보기