[Javascript] JQuery 를 이용한 간단한 텍스트 하이라이팅 (Text highlighting)
By 양파개발자 SW의 블로그입니다^^ | 2016년 11월 7일 |
텍스트 하이라이팅을 하고싶을때가 있다.이를 위한 Jquery 플러그인들이 찾아보면 많이 있는데... 굳이 그거 하나를 위해서 플러그인까지 설치할 필요가 있을까? 나는 기본적으로 사용하고 있는 Jquery 라이브러리를 가지고 직접 하이라이팅 기능을 만들어 보았다.먼저, 하이라이팅 적용을 위해서는 아래의 3가지가 이루어져야 한다. 1. 하이라이트 스타일링을 어떻게 할것인가?2. 하이라이트 텍스트가 포함된 영역을 어떻게 지정할 것인가?3. 하이라이트 동작을 어떻게 적용할 것인가? 이 각각의 작업에 대해서 나는 아래와 같은 해법을 사용할 것이다. =================================================================== 1. 하이라이트 스타일링을 어떻게 할
html을 시작하면서...
By HTML5/JAVA/DB/JavaScript | 2017년 2월 28일 |
![html을 시작하면서...](https://img.zoomtrend.com/2017/02/28/c0221392_58b4d7cd8bed3.jpg)
반가워요~~ 앞으로 여러분들과 HTML과 여러가지를 함께할 달꼼이라고 합니다!! 그 외의 것들은 그 게시글에 맞춰서 인사드리도록 하겠습니다. 우선은 가장 중요한 것이 개발 환경이겠죠?? 뭐든지 환경이 조성이 되지 않으면 개발을 할 수 없다는게 사실입니다... 말이 길어지면 지루할테니 바로 본론으로 들어가도록 할께요!! 이번글에서는 환경구성과 설치방법만 설명하도록 하겠습니다. 우선은 후에 java와 DB를 나가기 위해서 jdk를 설치하도록 할께요. jdk Download Link : -> http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 설치를 하려면 자신의 운영체제가 몇비
Vue.js의 가장 강력한 기능인 컴포넌트를 활용하기 - 초급
By 개발로_그(Development_Log) | 2018년 2월 27일 |
![Vue.js의 가장 강력한 기능인 컴포넌트를 활용하기 - 초급](https://img.zoomtrend.com/2018/02/27/c0101308_5a94b8b00b89e.png)
이 게시물은 기본적으로 https://kr.vuejs.org/v2/guide/components.html 를 참조하여 공부하고 작성하였습니다.제가 겪는 시행착오를 통해, 누군가에게 도움이 되기를 바랍니다. 컴포넌트는 Vue의 가장 강력한 기능입니다. 제게는 Class의 개념과 매우 유사하게 느껴지는데요, 재사용 가능한 코드를 캡슐화하는데 도움이 된다고 합니다. 1. 컴포넌트 전역 등록 "일단 등록되면, 컴포넌트는 인스턴스의 템플릿에서 커스텀 엘리먼트,<my-component></my-component>로 사용할 수 있습니다. 루트 Vue 인스턴스를 인스턴스화하기 전에 컴포넌트가 등록되어 있는지 확인하십시오." 라고 적혀있습니다. 그런데, 제가 생각하는 기본적인(?) 프로그래밍