본문 바로가기

텍스트 하이라이트 (text highlight) Mark.js 예제 필요해서 만들려고 생각하다가 분명히 있을거야 라고 찾아보면 항상 있죠 ㅋㅋㅋㅋ 최근에 검색한 결과 중에서 검색어를 하이라이트해서 보여주고 싶다는 생각이 들었고 찾아보니 mark.js 라는 라이브러리가 있더라고요. 사용도 간단하고 가볍고 해서 선택했습니다. 간단한 사용 예제 하나 가지고 왔어요. .... 위와 같은 코드로 mark.js 를 간단하게 적용할 수 있습니다. 코드를 간단히 살펴보면 aa_table에 존재하는 test라는 글자를 test로 변경해줍니다. 따라서 test는 table_highlight css 적용을 받게 되고 배경이 노란색으로 표시되죠. mark.js 홈페이지에 가보시면 더 많은 예제, 사용방법이 나와있습니다. mark.js 홈페이지 바로가기 : https://markjs.io/ 더보기
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. 동일한 주소에 대해 공유가 .. 더보기
텍스트 에디터 01 - sublime text 간단한 텍스트를 확인하거나, 수정하기 위해서 어떤 에디터를 쓰시나요?? 텍스트 에디터 종류는 여러 가지가 있지만 (메모장, 워드패드, 에디트 플러스 등등) 다른 분들의 추천으로 sublime text 라는 에디터를 사용해보고 있는데, 좋은 것 같아요. 제가 생각하는 텍스트 에디터는 가벼워야 하고, 사용하고 싶어지는 유저 인터페이스, 기능이 좀 있으면 좋다고 생각하는데요. sublime text는 제가 생각하는 것을 만족하는 것 같습니다. sublime text homepage : www.sublimetext.com/ 위 주소에서 다운로드 하실 수 있습니다. 윈도우, 맥, 리눅스에서 사용이 가능하네요. 저는 일단 2.0.2 버전을 사용하고 있습니다. 3 버전은 아직 베타 버전이라서요. 나중에 3 버전이 s.. 더보기