[Javascript] JQuery 를 이용한 간단한 텍스트 하이라이팅 (Text highlighting)
Post
원문 보기 →[Javascript] JQuery 를 이용한 간단한 텍스트 하이라이팅 (Text highlighting)
텍스트 하이라이팅을 하고싶을때가 있다.이를 위한 Jquery 플러그인들이 찾아보면 많이 있는데... 굳이 그거 하나를 위해서 플러그인까지 설치할 필요가 있을까? 나는 기본적으로 사용하고 있는 Jquery 라이브러리를 가지고 직접 하이라이팅 기능을 만들어 보았다.먼저, 하이라이팅 적용을 위해서는 아래의 3가지가 이루어져야 한다. 1. 하이라이트 스타일링을 어떻게 할것인가?2. 하이라이트 텍스트가 포함된 영역을 어떻게 지정할 것인가?3. 하이라이트 동작을 어떻게 적용할 것인가? 이 각각의 작업에 대해서 나는 아래와 같은 해법을 사용할 것이다. =================================================================== 1. 하이라이트 스타일링을 어떻게 할
Related Posts
3 posts
HTML 뜻 / PDF 파일로 변환하기
✔️ HTML 뜻 ✔️ PDF 파일로 변환하는 방법 HTML 뜻 웹페이지를 만들 때, 가장 먼저 마주치는 언어가 바로 HTML이다. 웹 개발에 입문한다면 사실 상 필수적인 언어인 셈이다. HTML은 "HyperText Markup Language"의 줄임말로, 우리말로는 "하이퍼텍스트 마크업 언어"라 부른다. 웹페이지의 뼈대를 만드는 기초 언어다. 모든 웹사이트는 이 HTML을 기반으로 구축되며, 인터넷 브라우저가 이해하고 표현할 수 있는 형태로 정보를 구조화한다. 웹사이트에서 보이는 텍스트, 이미지, 표, 링크 등 다양한 요소들의 구조를 설계하는 데 쓰인다. 웹페이지의 기본 구조를 담당하는데, 우리가 웹사이트에서 보는 모든 콘텐츠는 HTML.......
HTML / XML / PHP / JavaScript 웹 개발 용어 정리
이번 글에서는 웹(Web)이라는 거대한 무대에서 각기 다른 역할을 맡고 긴밀하게 협력하는 관계에 있는 4가지 요소를 중학생도 이해할 수 있도록 최대한 쉽게 소개했다. 주인공은 차례대로 HTML, XML, PHP, JavaScript다. 우리가 일상에서 접하는 수많은 웹사이트가 이것들을 활용해서 제작됐다. 하나씩 살펴보자. 1. HTML HyperText Markup Language의 약어로 웹 페이지의 뼈대(구조)를 형성하는 마크업 언어다. 제목, 본문, 이미지, 동영상, URL 등 웹 문서를 구성하고 있는 기본 요소들이 어디에 위치할지 구조화한다. 참고로 후술할 PHP로 작성된 코드의 실행 결과를 어디에서 출력할지도 HTML 태그 형태로 정의된다. 프로그래밍 언어라고 하.......
웹개발 프로그래밍 언어? HTML XML 차이
웹 개발을 시작하면, HTML과 XML이라는 용어를 자주 마주치게 된다. 한데, 두 언어의 차이점을 명확히 구분하지 못해 혼란스러울 때가 많다. 비슷해 보이는 두 언어지만, 실제로는 전혀 다른 목적으로 사용된다. 이에 두 언어의 특징과 차이점을 명확히 정리했다. 웹 개발의 기초를 다지고 싶다면, 본문을 통해 익혀보시길! ✔️ HTML 이란? ✔️ XML 이란? ✔️ HTML과 XML의 차이 HTML 이란? 우선 HTML이다. HTML은 웹 페이지의 뼈대를 만드는 언어다. 웹 브라우저가 이해할 수 있는 구조로 콘텐츠를 표현하는데, 이는 프로그래밍 언어의 기초가 된다. 혹자는 HTML이 현대 웹의 근간을 이룬다고 표현한다. 틀린 말은 아니다. 지속적으로 발전하.......
