검색 사용법

블로그에 검색 상자를 추가했습니다. 이 검색 상자를 이용해서 블로그 내 포스팅을 검색할 수 있습니다.

사용법

블로그 상단 메뉴의 검색 상자에 키워드를 입력하고 ‘Search’ 버튼을 누르면 검색이 수행됩니다.

OR과 AND

일반적으로 검색 키워드를 띄어쓰기로 구분하여 입력하면 키워드가 포함되는 포스트 제목OR 연산자 (하나라도 포함되면 표시)로 검색하여 표시합니다.

Hello 블로그

다음과 같이 검색하면 ‘Hello’를 포함하는 제목과 ‘블로그’를 포함하는 제목을 가진 포스트를 모두 표시합니다.

또, 키워드 사이를 띄우지 않고 ‘+’로 연결하면, 두 키워드를 모두 포함한 제목을 검색하게 됩니다.

브라우저+공지

이렇게 검색하면 ‘브라우저’와 ‘공지’를 모두 포함하는 제목의 포스트 표시하게 됩니다.

태그 검색

포스팅의 하단을 살펴보면 ‘태그’라는 것이 달려있을 때가 있습니다 (예를 들어 이 글의 태그는 ‘blog’, ‘notice’가 달려있죠). 이 태그는 포스팅을 편하게 분류할 수 있도록 만든 것으로, 이 태그를 필터링하여 검색할 수도 있습니다.

tags::blog

다음과 같이 검색하면 ‘blog’ 태그가 달린 게시글만 검색합니다.

tags::blog+tags::notice

물론 여기서도 OR과 AND 연산자를 사용할 수 있습니다.

완전 일치와 부분 일치

tags:o

이런 식으로 검색을 하면 ‘o’를 포함하는 태그명을 가진 포스팅만 검색합니다 (예를 들면 ‘blog’나 ‘notice’ 같은…).

위쪽의 ‘::’는 태그명이 정확히 일치하는 경우만 찾는 것이었지만, ‘:’는 키워드를 포함하기만 하면 뭐든지 검색합니다.

정확한 타이틀 명을 찾으신다면,

title::<타이틀명>

과 같이 검색하면 됩니다. 쓸 일은 없겠지만요.

그 외

  • 태깅 시스템과 검색 시스템은 Nolboo님 블로그 게시글의 강좌를 참고하여 구현했습니다.
  • 태그 표시창에 사용한 CSS는 한량님 블로그의 것을 사용했습니다. 감사합니다!
  • 검색은 클라이언트 측에서 처리합니다. 자세히 말하면 일괄 생성된 블로그 글 인덱스 정보(포스트 제목, 태그 등)을 모두 클라이언트로 전송한 뒤 필터링합니다.
작성일자: 2017. 06. 19.