본문 바로가기

텍스트 하이라이트 (text highlight) Mark.js 예제 필요해서 만들려고 생각하다가 분명히 있을거야 라고 찾아보면 항상 있죠 ㅋㅋㅋㅋ 최근에 검색한 결과 중에서 검색어를 하이라이트해서 보여주고 싶다는 생각이 들었고 찾아보니 mark.js 라는 라이브러리가 있더라고요. 사용도 간단하고 가볍고 해서 선택했습니다. 간단한 사용 예제 하나 가지고 왔어요. .... 위와 같은 코드로 mark.js 를 간단하게 적용할 수 있습니다. 코드를 간단히 살펴보면 aa_table에 존재하는 test라는 글자를 test로 변경해줍니다. 따라서 test는 table_highlight css 적용을 받게 되고 배경이 노란색으로 표시되죠. mark.js 홈페이지에 가보시면 더 많은 예제, 사용방법이 나와있습니다. mark.js 홈페이지 바로가기 : https://markjs.io/ 더보기
jQuery로 select 된 값 가지고 오기 jQuery를 사용해서 select에서 선택된 값을 가지고 오는 방법은 아래와 같습니다. $('.target-selection').click(function(){ var option_value = $(".target-selection option:selected").val(); var option_text = $(".target-selection option:selected").text(); console.log(option_value ); console.log(option_text ); }); target-selection 이라는 클래스를 가진 select 에서 선택이 이루어지면 option:selected를 활용해서 value값은 val() 로 가지고 오고요. text 값은 text()로 가지고 옵니.. 더보기
Blender - Text Scale Blender는 3D 관련 프로그램입니다.저는 주로 만들어진 3D 객체를 편집하는 용도로 사용하고 있어요!! 이번에는 Blender에서 Text Scale을 조정할 수 있는 방법을 간단하게 그림 위주로 정리해두려고 합니다. 1. Add Text - Create Tab을 클릭합니다. - Other의 Text를 클릭하면 화면에 'Text' 객체가 추가됩니다. 2. Adjust Size - 오른쪽의 'F' 탭을 클릭합니다. - Font Size를 조절하면 화면에 반영됩니다. !! 3. Text Z value - 오른쪽의 'F' 탭을 클릭합니다. - Extrude 값을 조절하면 Text의 Z 값이 변경됩니다. 더보기
페이스북 공유 이미지, 설명 변경하기 덧+) 2016.08.16 - 새로운 이미지로 변경하고자 할 때에는 이미지 이름을 변경해줘야 함. 꼭!. - 이미지 이름은 그대로 두고 이미지만 바꾸는 것은 안뎀 !! - 이미지 사이즈를 잘 확인해야 함 :) 아래 URL 또는 사진 참고 https://developers.facebook.com/docs/sharing/best-practices 페이스북 공유하기 버튼을 누르면 설정된 값에 따라 화면이 구성됩니다.예로 다음과 같은 코드를 통해서 설정이 가능하자나요. 공유하기가 아래와 같은식으로 작동하더라구요. 1. 첫 번째 공유가 일어난다. (공유하기 창에는 그림이 안뜰 수 있음) 2. 공유(타임라인에 게시)가 일어나면 페이스북 서버에서 해당 URL에 대한 캐시를 생성한다. 3. 동일한 주소에 대해 공유가 .. 더보기
bash shell script - append text to end of file bash shell을 써서 서버 환경을 자동으로 설정할 수 있도록 하는 스크립트를 작성하고 있어요 ^^ 이거 잼있네요! 문법을 다 볼 시간이 없어서, 필요한 것들만 찾아서 만들고 있는데요. 약간은 어설프지만, 잼있네요!! (근데 왜 눈이 촉촉할ㄲ...) 자주 까먹으니깐, 간단하게 정리해둡니다. 이전 포스팅들하고 아주 비슷하긴 한데요. sed를 이용해서 문자열을 파일의 맨 마지막에 추가하기 위해서는 다음과 같이 작성하시면 됩니다. fileName="/etc/bash.bashrc" sed -i '$ a\text_text_text_text' $fileName 위 스크립트를 통해서 /etc/bash.bashrc 파일의 가장 마지막에 text_text_text_text라는 문자열을 입력하실 수 있어요. 파일명과 .. 더보기
Labeling example in GeoServer 1. GeoServer login --> Style tab click --> New Style 2. Labeling example columnName ---> label column name in PostGIS table ... columnName Arial 12 normal 0.5 0.5 geom -1 400 ... 더보기
텍스트 에디터 01 - sublime text 간단한 텍스트를 확인하거나, 수정하기 위해서 어떤 에디터를 쓰시나요?? 텍스트 에디터 종류는 여러 가지가 있지만 (메모장, 워드패드, 에디트 플러스 등등) 다른 분들의 추천으로 sublime text 라는 에디터를 사용해보고 있는데, 좋은 것 같아요. 제가 생각하는 텍스트 에디터는 가벼워야 하고, 사용하고 싶어지는 유저 인터페이스, 기능이 좀 있으면 좋다고 생각하는데요. sublime text는 제가 생각하는 것을 만족하는 것 같습니다. sublime text homepage : www.sublimetext.com/ 위 주소에서 다운로드 하실 수 있습니다. 윈도우, 맥, 리눅스에서 사용이 가능하네요. 저는 일단 2.0.2 버전을 사용하고 있습니다. 3 버전은 아직 베타 버전이라서요. 나중에 3 버전이 s.. 더보기
iOS - 네비게이션 타이틀 (Navigation title) iOS에서 제공되는 Navigation에 타이틀(제목)을 코딩으로 입력하기 위해서 아래와 같은 방법을 사용할 수 있습니다. UILabel * titleView = [[UILabel alloc] initWithFrame:CGRectZero]; titleView.backgroundColor = [UIColor clearColor]; titleView.font = [UIFont boldSystemFontOfSize:20.0]; titleView.text = @"title string......"; self.navigationItem.titleView = titleView; [titleView sizeToFit]; 간단하게 소스를 살펴보면.. 일단 Label을 하나 만들구요. Label의 이름을 titleVie.. 더보기