태그 클라우드 치환자 살펴보자 #6

태그 클라우드 · GitBook

이번 포스팅은 태그 클라우드 관련 치환자에 대하여 살펴보자. 우선 태그 클라우드가 어떤부분인지에 대해 설명하도록하겠다. 먼저 많이 사용하는 기본 스킨중에 Magazine에 예시 사이트로 이동해서 태그 클라우드페이지를 살펴보면 아래와 같은걸 확인할 수 있다.

태그 클라우드 페이지 예시

 

치환자의 종류 및 활용방법

태그 클라우드의 치환자는 아래의 사진과 같이 매우 간단하다. 

태그 클라우드 치환자

먼저 <s_tag>의 역확은 <s_tag> 내부에 명시되어 있는 코드는 태그 클라우드관련 URL에서 렌더링되는 코드이다. 예를 들어 예시 블로그의 url인  "https://skin-demo-36cb2.tistory.com/tag" URL 뒤의 Path가 "/tag"인 경우 렌더링되는 코드를 <s_tag>내부에 작성한다.

 

다음으로는  <s_tag_rep>은 반목문이라고 생각하면 이해하기 편한다. <s_tag_rep>을 통해 태그 클라우드의 값 치환자들을 데이터별로 렌더링한다.

 

워드 클라우드가 제공하는 치환자를 간단하게 역활별로 나눠 자바형식으로 작성하여 치환자별 사용 방법의 개념을 아래의 코드표처럼 표현해봤다.

//<s_tag>
public class WordCloud{

	public void render(){
    	
        //<s_tage_rep>
        List s_tag_rep = <s_tage_rep>;
        
        for(int i = 0 ; i < s_tag_rep.size(); i++){
        	s_tag_rep[i].tag_link; //  
            s_tag_rep[i].tag_class; // 
            s_tag_rep[i].tag_name; // 
        
        }
    
    }
}

 

이와 같이 데이터들의 집합인 <s_tag_rep>을 통해 값치환자의 데이터를 시각화를 하면된다.

 

 

 

필자는 따로 해당 <s_tag>를 개발하지 않아  url 뒤에 '/tag'를 붙여 검색해도 아무것도 나타나지 않는다. 추후 사용자의 인터렉션을 활용한 시각화를 진행해 볼 생각이다.