티스토리 포스팅 본문의 외부링크에 아이콘 이미지 추가하는 방법

4년만에 블로그 스킨 변경

제 블로그에 자주 들어오셨던 분이라면, 갑자기 확 바뀐 블로그 스킨 때문에 놀라셨을지도 모르겠습니다.


그동안 사용해 왔던 Fastboot 스킨은 반응형 웹(모바일과 데스크탑 등 화면 크기에 맞게 능동적으로 바뀌는 형태)이 막 알려지기 시작한 2014년 초에 적용했던 스킨으로 오랫동안 특별한 문제없이 사용해 왔습니다.


다만 FastBoot 스킨의 업데이트 소식이 끊긴지 꽤 오래되다보니, 보안 문제가 살짝 걱정되기도 했고 요즘 가벼운 스킨들에 비해 좀 무거운 느낌이 들어 4년만에 블로그 스킨을 바꾸게 되었습니다.


개인적으로는 예전 스킨에 적용했던 폰트며 줄간격 등이 여러모로 딱딱한 느낌이라, 이번에는 좀 가벼운 느낌의 스킨으로 바꿔봤는데, 포인트없이 심심하다 느껴지기도 합니다.

티스토리 JB 스킨

기존 블로그 스킨도 입맛에 맞게 여기저기 살짝 고쳐 사용한 부분이 많았고, 이번 스킨 역시 몇몇 군데를 살짝 수정해 사용중입니다.


HTML이나 CSS에 대해 체계적인 지식이 없다보니, 복사&붙여넣기 식으로 짜집기해 쓰는게 고작이지만 그래도 손댄 부분이 꽤 많이 있네요.


나름 신중하게 생각하고 추가한 항목들이다보니, 새 스킨에도 이런 항목들을 추가해야 하는데, 덕분에 꽤 오랫만에 '티스토리' 카테고리에 글을 추가하게 되었습니다.

본문 외부 링크에 이미지 아이콘 추가하기

제 블로그에 추가한 소소한 기능 중 하나가 외부 링크 주소에 함께 출력되는 이미지입니다.


저는 블로그 포스팅에 외부 홈페이지 링크를 걸 때가 많은데, 외부 링크 옆에 아이콘 형태의 이미지가 같이 붙여져 있습니다.

티스토리 외부링크 아이콘

일반 텍스트와 링크는 색깔 차이로 구분되지만, 좀 더 명확하게 구분하기 위해 이미지를 옆에 붙여 놓은 것으로, 이 이미지 아이콘을 출력하는 방법은 다음과 같습니다.


먼저 아이콘으로 사용할 이미지를 준비합니다.

저는 예전부터 사용했던 16*16 픽셀의 이미지를 준비해 두었습니다.

외부링크 아이콘


적당한 이미지가 없다면 구글에서 'external link icon'등의 키워드로 검색해보면 다양한 외부링크 아이콘 이미지들을 확인할 수 있습니다.

외부링크 아이콘 구글 검색 결과


티스토리 블로그의 관리자 화면에서 [꾸미기]-[스킨편집] 메뉴를 클릭하고

티스토리 관리자 스킨 편집


사용중인 스킨의 [HTML 편집] 버튼을 클릭합니다.

티스토리 관리자 HTML 편집


HTML 편집 화면으로 들어오면 [파일업로드]-[추가] 항목을 클릭하고 저장해 두었던 외부링크 이미지를 선택한 뒤 [저장] 버튼을 눌러 티스토리에 이미지를 업로드합니다.

티스토리 관리자 파일업로드


그리고 HTML 편집화면 상단의 [CSS] 항목을 클릭한 뒤 맨 아래쪽에 다음과 같이 소스 코드를 붙여넣습니다.

티스토리 관리자 CSS 코드 추가


위 코드를 간단히 설명하면 이렇습니다.

/* 외부링크에 이미지 아이콘 연결 */
.jb-article a[href ^="http://"] {
background: url(./images/external.gif) center right no-repeat;
 padding-right: 16px;
}

.jb-article a[href ^="https://"] {
 background: url(./images/external.gif) center right no-repeat;
 padding-right: 16px;
}
  • .jb-article : 블로그 포스팅글 본문에만 이 기능이 적용되도록 설정한 것으로, 제가 사용하는 jb 스킨에는 .jb-article로 미리 정의되어 있습니다.
    참고로 예전에 사용했던 Fastboot skin의 경우 .article로 정의되는 등, 스킨에 따라 이 부분이 달라지게 되는데, CSS 파일을 쭉 살펴보면 어렵지 않게 확인할 수 있습니다.

  • href ^="http://" : 대부분의 링크는 http://로 시작하니 http://가 붙으면 external.gif 라는 링크 이미지를 출력하겠다는 뜻입니다.
    아래줄의 https://는 https://로 시작하는 링크에도 같은 이미지를 붙여주겠다는 뜻입니다.

  • center right : 이미지의 가로(right) 정렬과 세로(center) 정렬을 시킵니다. 가로 정렬은 링크 텍스트와 이미지가 겹치지 않기 위해 꼭 필요한 설정이며, 세로 정렬은 텍스트 크기에 따라 적절히 조정해 주면 됩니다.

  • padding-right: 16px; 링크텍스트에서 16픽셀만큼 오른쪽으로 여백을 둡니다. 이 옵션을 적지 않으면 역시 링크텍스트와 이미지가 꼭 붙어 보이게 됩니다.

이렇게 CSS에 코드를 추가한 뒤 [저장] 버튼을 누르고 링크가 걸려 있는 블로그 포스팅을 열어보면 사진과 같이 링크 오른쪽에 이미지 아이콘이 붙어 나오는 것을 확인할 수 있습니다.

티스토리 외부링크 아이콘 이미지 표시

특정 링크의 이미지 아이콘 제거하기

이렇게 포스팅 본문의 외부 링크에 이미지 아이콘이 붙어 나오는 것은 좋은데, 본문 하단의 관련글 링크에도 아이콘이 다닥다닥 붙어 나옵니다.

티스토리 외부링크 아이콘 이미지 제거


그리고 포스팅에 추가된 다음 지도 링크에도 아이콘이 붙어나오고, 포스팅에 업로드한 파일에도 링크가 붙어 나오게 됩니다.

티스토리 외부링크 아이콘 이미지 제거


이렇게 이미지 아이콘을 붙일 필요가 없는 특정 외부 링크의 경우 background: none; 이라는 태그를 이용해 아이콘이 붙지 않도록 설정하고 있습니다.


저는 제 블로그 포스팅을 걸어 놓은 링크(comterman.tistory.com), 다음 지도 링크(place.daum.net, local.daum.net), 티스토리에 업로드한 파일 링크(cfile)에 붙지 않도록 설정해 두었고 앞서 언급한 것과 합쳐 놓은 전체 코드는 다음과 같습니다.

/* 외부링크에 이미지 아이콘 연결 */
.jb-article a[href ^="http://"] {
background: url(./images/external.gif) center right no-repeat;
 padding-right: 16px;
}

.jb-article a[href ^="https://"] {
 background: url(./images/external.gif) center right no-repeat;
 padding-right: 16px;
}

.jb-article a[href^="http://comterman.tistory.com"] {
 background: none;
 padding-right: 0;
}

.jb-article a[href^="https://comterman.tistory.com"] {
 background: none;
 padding-right: 0;
}

.jb-article a[href^="http://place.daum.net"] {
 background: none;
 padding-right: 0;
}

.jb-article a[href^="http://local.daum.net"] {
 background: none;
 padding-right: 0;
}

.jb-article a[href^="http://cfile"] {
 background: none;
 padding-right: 0;
}

필요에 따라 표시되지 않도록 할 링크만 더 추가해 사용하면 되겠지만, 제가 수년 전부터 추가해 사용하던 코드이며 그간 특별히 불편함이 없었으니, 다른 분들도 별 문제없이 사용할 수 있을 것이라 생각됩니다.


마지막으로, 저는 제 스킨에 미리 정의되어 있던 .jb-article에 바로 적용했는데, CSS에서 포스팅 본문을 정의해 놓은 클래스를 찾지 못한다면, CSS 부분의 클래스 이름을 다음과 같이 적당한 이름으로 바꾸고

.extrenallink a[href ^="http://"] {
background: url(./images/external.gif) center right no-repeat;
 padding-right: 16px;
}

티스토리 관리자의 HTML 소스 코드에서 

4년만에 블로그 스킨 변경

제 블로그에 자주 들어오셨던 분이라면, 갑자기 확 바뀐 블로그 스킨 때문에 놀라셨을지도 모르겠습니다.


그동안 사용해 왔던 Fastboot 스킨은 반응형 웹(모바일과 데스크탑 등 화면 크기에 맞게 능동적으로 바뀌는 형태)이 막 알려지기 시작한 2014년 초에 적용했던 스킨으로 오랫동안 특별한 문제없이 사용해 왔습니다.


다만 FastBoot 스킨의 업데이트 소식이 끊긴지 꽤 오래되다보니, 보안 문제가 살짝 걱정되기도 했고 요즘 가벼운 스킨들에 비해 좀 무거운 느낌이 들어 4년만에 블로그 스킨을 바꾸게 되었습니다.


개인적으로는 예전 스킨에 적용했던 폰트며 줄간격 등이 여러모로 딱딱한 느낌이라, 이번에는 좀 가벼운 느낌의 스킨으로 바꿔봤는데, 포인트없이 심심하다 느껴지기도 합니다.

티스토리 JB 스킨

기존 블로그 스킨도 입맛에 맞게 여기저기 살짝 고쳐 사용한 부분이 많았고, 이번 스킨 역시 몇몇 군데를 살짝 수정해 사용중입니다.


HTML이나 CSS에 대해 체계적인 지식이 없다보니, 복사&붙여넣기 식으로 짜집기해 쓰는게 고작이지만 그래도 손댄 부분이 꽤 많이 있네요.


나름 신중하게 생각하고 추가한 항목들이다보니, 새 스킨에도 이런 항목들을 추가해야 하는데, 덕분에 꽤 오랫만에 '티스토리' 카테고리에 글을 추가하게 되었습니다.

본문 외부 링크에 이미지 아이콘 추가하기

제 블로그에 추가한 소소한 기능 중 하나가 외부 링크 주소에 함께 출력되는 이미지입니다.


저는 블로그 포스팅에 외부 홈페이지 링크를 걸 때가 많은데, 외부 링크 옆에 아이콘 형태의 이미지가 같이 붙여져 있습니다.

티스토리 외부링크 아이콘

일반 텍스트와 링크는 색깔 차이로 구분되지만, 좀 더 명확하게 구분하기 위해 이미지를 옆에 붙여 놓은 것으로, 이 이미지 아이콘을 출력하는 방법은 다음과 같습니다.


먼저 아이콘으로 사용할 이미지를 준비합니다.

저는 예전부터 사용했던 16*16 픽셀의 이미지를 준비해 두었습니다.

외부링크 아이콘


적당한 이미지가 없다면 구글에서 'external link icon'등의 키워드로 검색해보면 다양한 외부링크 아이콘 이미지들을 확인할 수 있습니다.

외부링크 아이콘 구글 검색 결과


티스토리 블로그의 관리자 화면에서 [꾸미기]-[스킨편집] 메뉴를 클릭하고

티스토리 관리자 스킨 편집


사용중인 스킨의 [HTML 편집] 버튼을 클릭합니다.

티스토리 관리자 HTML 편집


HTML 편집 화면으로 들어오면 [파일업로드]-[추가] 항목을 클릭하고 저장해 두었던 외부링크 이미지를 선택한 뒤 [저장] 버튼을 눌러 티스토리에 이미지를 업로드합니다.

티스토리 관리자 파일업로드


그리고 HTML 편집화면 상단의 [CSS] 항목을 클릭한 뒤 맨 아래쪽에 다음과 같이 소스 코드를 붙여넣습니다.

티스토리 관리자 CSS 코드 추가


위 코드를 간단히 설명하면 이렇습니다.

/* 외부링크에 이미지 아이콘 연결 */
.jb-article a[href ^="http://"] {
background: url(./images/external.gif) center right no-repeat;
 padding-right: 16px;
}

.jb-article a[href ^="https://"] {
 background: url(./images/external.gif) center right no-repeat;
 padding-right: 16px;
}
  • .jb-article : 블로그 포스팅글 본문에만 이 기능이 적용되도록 설정한 것으로, 제가 사용하는 jb 스킨에는 .jb-article로 미리 정의되어 있습니다.
    참고로 예전에 사용했던 Fastboot skin의 경우 .article로 정의되는 등, 스킨에 따라 이 부분이 달라지게 되는데, CSS 파일을 쭉 살펴보면 어렵지 않게 확인할 수 있습니다.

  • href ^="http://" : 대부분의 링크는 http://로 시작하니 http://가 붙으면 external.gif 라는 링크 이미지를 출력하겠다는 뜻입니다.
    아래줄의 https://는 https://로 시작하는 링크에도 같은 이미지를 붙여주겠다는 뜻입니다.

  • center right : 이미지의 가로(right) 정렬과 세로(center) 정렬을 시킵니다. 가로 정렬은 링크 텍스트와 이미지가 겹치지 않기 위해 꼭 필요한 설정이며, 세로 정렬은 텍스트 크기에 따라 적절히 조정해 주면 됩니다.

  • padding-right: 16px; 링크텍스트에서 16픽셀만큼 오른쪽으로 여백을 둡니다. 이 옵션을 적지 않으면 역시 링크텍스트와 이미지가 꼭 붙어 보이게 됩니다.

이렇게 CSS에 코드를 추가한 뒤 [저장] 버튼을 누르고 링크가 걸려 있는 블로그 포스팅을 열어보면 사진과 같이 링크 오른쪽에 이미지 아이콘이 붙어 나오는 것을 확인할 수 있습니다.

티스토리 외부링크 아이콘 이미지 표시

특정 링크의 이미지 아이콘 제거하기

이렇게 포스팅 본문의 외부 링크에 이미지 아이콘이 붙어 나오는 것은 좋은데, 본문 하단의 관련글 링크에도 아이콘이 다닥다닥 붙어 나옵니다.

티스토리 외부링크 아이콘 이미지 제거


그리고 포스팅에 추가된 다음 지도 링크에도 아이콘이 붙어나오고, 포스팅에 업로드한 파일에도 링크가 붙어 나오게 됩니다.

티스토리 외부링크 아이콘 이미지 제거


이렇게 이미지 아이콘을 붙일 필요가 없는 특정 외부 링크의 경우 background: none; 이라는 태그를 이용해 아이콘이 붙지 않도록 설정하고 있습니다.


저는 제 블로그 포스팅을 걸어 놓은 링크(comterman.tistory.com), 다음 지도 링크(place.daum.net, local.daum.net), 티스토리에 업로드한 파일 링크(cfile)에 붙지 않도록 설정해 두었고 앞서 언급한 것과 합쳐 놓은 전체 코드는 다음과 같습니다.

/* 외부링크에 이미지 아이콘 연결 */
.jb-article a[href ^="http://"] {
background: url(./images/external.gif) center right no-repeat;
 padding-right: 16px;
}

.jb-article a[href ^="https://"] {
 background: url(./images/external.gif) center right no-repeat;
 padding-right: 16px;
}

.jb-article a[href^="http://comterman.tistory.com"] {
 background: none;
 padding-right: 0;
}

.jb-article a[href^="https://comterman.tistory.com"] {
 background: none;
 padding-right: 0;
}

.jb-article a[href^="http://place.daum.net"] {
 background: none;
 padding-right: 0;
}

.jb-article a[href^="http://local.daum.net"] {
 background: none;
 padding-right: 0;
}

.jb-article a[href^="http://cfile"] {
 background: none;
 padding-right: 0;
}

필요에 따라 표시되지 않도록 할 링크만 더 추가해 사용하면 되겠지만, 제가 수년 전부터 추가해 사용하던 코드이며 그간 특별히 불편함이 없었으니, 다른 분들도 별 문제없이 사용할 수 있을 것이라 생각됩니다.


마지막으로, 저는 제 스킨에 미리 정의되어 있던 .jb-article에 바로 적용했는데, CSS에서 포스팅 본문을 정의해 놓은 클래스를 찾지 못한다면, CSS 부분의 클래스 이름을 다음과 같이 적당한 이름으로 바꾸고

.extrenallink a[href ^="http://"] {
background: url(./images/external.gif) center right no-repeat;
 padding-right: 16px;
}

티스토리 관리자의 HTML 소스 코드에서 를 검색하여

<div class="externallinlk">

</div>

와 같이 감싸주면 됩니다.


를 검색하여

<div class="externallinlk">

4년만에 블로그 스킨 변경

제 블로그에 자주 들어오셨던 분이라면, 갑자기 확 바뀐 블로그 스킨 때문에 놀라셨을지도 모르겠습니다.


그동안 사용해 왔던 Fastboot 스킨은 반응형 웹(모바일과 데스크탑 등 화면 크기에 맞게 능동적으로 바뀌는 형태)이 막 알려지기 시작한 2014년 초에 적용했던 스킨으로 오랫동안 특별한 문제없이 사용해 왔습니다.


다만 FastBoot 스킨의 업데이트 소식이 끊긴지 꽤 오래되다보니, 보안 문제가 살짝 걱정되기도 했고 요즘 가벼운 스킨들에 비해 좀 무거운 느낌이 들어 4년만에 블로그 스킨을 바꾸게 되었습니다.


개인적으로는 예전 스킨에 적용했던 폰트며 줄간격 등이 여러모로 딱딱한 느낌이라, 이번에는 좀 가벼운 느낌의 스킨으로 바꿔봤는데, 포인트없이 심심하다 느껴지기도 합니다.

티스토리 JB 스킨

기존 블로그 스킨도 입맛에 맞게 여기저기 살짝 고쳐 사용한 부분이 많았고, 이번 스킨 역시 몇몇 군데를 살짝 수정해 사용중입니다.


HTML이나 CSS에 대해 체계적인 지식이 없다보니, 복사&붙여넣기 식으로 짜집기해 쓰는게 고작이지만 그래도 손댄 부분이 꽤 많이 있네요.


나름 신중하게 생각하고 추가한 항목들이다보니, 새 스킨에도 이런 항목들을 추가해야 하는데, 덕분에 꽤 오랫만에 '티스토리' 카테고리에 글을 추가하게 되었습니다.

본문 외부 링크에 이미지 아이콘 추가하기

제 블로그에 추가한 소소한 기능 중 하나가 외부 링크 주소에 함께 출력되는 이미지입니다.


저는 블로그 포스팅에 외부 홈페이지 링크를 걸 때가 많은데, 외부 링크 옆에 아이콘 형태의 이미지가 같이 붙여져 있습니다.

티스토리 외부링크 아이콘

일반 텍스트와 링크는 색깔 차이로 구분되지만, 좀 더 명확하게 구분하기 위해 이미지를 옆에 붙여 놓은 것으로, 이 이미지 아이콘을 출력하는 방법은 다음과 같습니다.


먼저 아이콘으로 사용할 이미지를 준비합니다.

저는 예전부터 사용했던 16*16 픽셀의 이미지를 준비해 두었습니다.

외부링크 아이콘


적당한 이미지가 없다면 구글에서 'external link icon'등의 키워드로 검색해보면 다양한 외부링크 아이콘 이미지들을 확인할 수 있습니다.

외부링크 아이콘 구글 검색 결과


티스토리 블로그의 관리자 화면에서 [꾸미기]-[스킨편집] 메뉴를 클릭하고

티스토리 관리자 스킨 편집


사용중인 스킨의 [HTML 편집] 버튼을 클릭합니다.

티스토리 관리자 HTML 편집


HTML 편집 화면으로 들어오면 [파일업로드]-[추가] 항목을 클릭하고 저장해 두었던 외부링크 이미지를 선택한 뒤 [저장] 버튼을 눌러 티스토리에 이미지를 업로드합니다.

티스토리 관리자 파일업로드


그리고 HTML 편집화면 상단의 [CSS] 항목을 클릭한 뒤 맨 아래쪽에 다음과 같이 소스 코드를 붙여넣습니다.

티스토리 관리자 CSS 코드 추가


위 코드를 간단히 설명하면 이렇습니다.

/* 외부링크에 이미지 아이콘 연결 */
.jb-article a[href ^="http://"] {
background: url(./images/external.gif) center right no-repeat;
 padding-right: 16px;
}

.jb-article a[href ^="https://"] {
 background: url(./images/external.gif) center right no-repeat;
 padding-right: 16px;
}
  • .jb-article : 블로그 포스팅글 본문에만 이 기능이 적용되도록 설정한 것으로, 제가 사용하는 jb 스킨에는 .jb-article로 미리 정의되어 있습니다.
    참고로 예전에 사용했던 Fastboot skin의 경우 .article로 정의되는 등, 스킨에 따라 이 부분이 달라지게 되는데, CSS 파일을 쭉 살펴보면 어렵지 않게 확인할 수 있습니다.

  • href ^="http://" : 대부분의 링크는 http://로 시작하니 http://가 붙으면 external.gif 라는 링크 이미지를 출력하겠다는 뜻입니다.
    아래줄의 https://는 https://로 시작하는 링크에도 같은 이미지를 붙여주겠다는 뜻입니다.

  • center right : 이미지의 가로(right) 정렬과 세로(center) 정렬을 시킵니다. 가로 정렬은 링크 텍스트와 이미지가 겹치지 않기 위해 꼭 필요한 설정이며, 세로 정렬은 텍스트 크기에 따라 적절히 조정해 주면 됩니다.

  • padding-right: 16px; 링크텍스트에서 16픽셀만큼 오른쪽으로 여백을 둡니다. 이 옵션을 적지 않으면 역시 링크텍스트와 이미지가 꼭 붙어 보이게 됩니다.

이렇게 CSS에 코드를 추가한 뒤 [저장] 버튼을 누르고 링크가 걸려 있는 블로그 포스팅을 열어보면 사진과 같이 링크 오른쪽에 이미지 아이콘이 붙어 나오는 것을 확인할 수 있습니다.

티스토리 외부링크 아이콘 이미지 표시

특정 링크의 이미지 아이콘 제거하기

이렇게 포스팅 본문의 외부 링크에 이미지 아이콘이 붙어 나오는 것은 좋은데, 본문 하단의 관련글 링크에도 아이콘이 다닥다닥 붙어 나옵니다.

티스토리 외부링크 아이콘 이미지 제거


그리고 포스팅에 추가된 다음 지도 링크에도 아이콘이 붙어나오고, 포스팅에 업로드한 파일에도 링크가 붙어 나오게 됩니다.

티스토리 외부링크 아이콘 이미지 제거


이렇게 이미지 아이콘을 붙일 필요가 없는 특정 외부 링크의 경우 background: none; 이라는 태그를 이용해 아이콘이 붙지 않도록 설정하고 있습니다.


저는 제 블로그 포스팅을 걸어 놓은 링크(comterman.tistory.com), 다음 지도 링크(place.daum.net, local.daum.net), 티스토리에 업로드한 파일 링크(cfile)에 붙지 않도록 설정해 두었고 앞서 언급한 것과 합쳐 놓은 전체 코드는 다음과 같습니다.

/* 외부링크에 이미지 아이콘 연결 */
.jb-article a[href ^="http://"] {
background: url(./images/external.gif) center right no-repeat;
 padding-right: 16px;
}

.jb-article a[href ^="https://"] {
 background: url(./images/external.gif) center right no-repeat;
 padding-right: 16px;
}

.jb-article a[href^="http://comterman.tistory.com"] {
 background: none;
 padding-right: 0;
}

.jb-article a[href^="https://comterman.tistory.com"] {
 background: none;
 padding-right: 0;
}

.jb-article a[href^="http://place.daum.net"] {
 background: none;
 padding-right: 0;
}

.jb-article a[href^="http://local.daum.net"] {
 background: none;
 padding-right: 0;
}

.jb-article a[href^="http://cfile"] {
 background: none;
 padding-right: 0;
}

필요에 따라 표시되지 않도록 할 링크만 더 추가해 사용하면 되겠지만, 제가 수년 전부터 추가해 사용하던 코드이며 그간 특별히 불편함이 없었으니, 다른 분들도 별 문제없이 사용할 수 있을 것이라 생각됩니다.


마지막으로, 저는 제 스킨에 미리 정의되어 있던 .jb-article에 바로 적용했는데, CSS에서 포스팅 본문을 정의해 놓은 클래스를 찾지 못한다면, CSS 부분의 클래스 이름을 다음과 같이 적당한 이름으로 바꾸고

.extrenallink a[href ^="http://"] {
background: url(./images/external.gif) center right no-repeat;
 padding-right: 16px;
}

티스토리 관리자의 HTML 소스 코드에서 를 검색하여

<div class="externallinlk">

</div>

와 같이 감싸주면 됩니다.


</div>

와 같이 감싸주면 됩니다.


이 글을 공유하기

댓글 :: 질문 댓글은 공개글로 달아주세요. 특별한 이유없는 비밀 댓글에는 답변하지 않습니다

Designed by JB FACTORY