이번에는 워드프레스 SNS 플러그인중에서 아직 크게 인기를 얻지는 못했지만 사용하기 괜찮은 플러그인인 Sassy Social Share를 소개해 봅니다.

1. AddThis로는 만족할 수 없다.

얼마 전 [워드프레스 Tips] 완벽한 SNS 공유 플러그인을 찾아서 – Monarch, AddThis, AddToAny 비교를 중심으로 라는 포스팅에서 Monarch, AddThis 그리고 AddToAny를 비교해 그래도 원하는 조건에 그래도 가까운 것인 AddThis라고 말씀드렸습니다.

• 공유 횟수를 보여주는 카운터
• 공유 현황을 사이트 전체로 분석할 수 있는 분석 기능
• 이쁜 디자인
• 국내 사용 SNS 적용
• 빠른 속도

그러나 AddThis는 사용하면 할수록 속도가 마음에 걸렸습니다. AddThis를 비롯한 SNS 공유 플러그인들은 기본적으로 1.2~2.0초 정도이 로딩속도 저하를 가져오는 것으로 알려졌습니다.

그러다보니 AddThis 적용시 사진이 많은 사이트의 경우는 거이 6초가 가까운 로딩 속도를 보여주었습니다. 아무리 기능이 뛰어나도 받앋리기 어려운 속도였습니다.

결국 마직막이라는 생각으로 다른 수많은 플러그인들을 검토해 보았습니다.

디지탈 마케팅과 연관되는 부분이다보니 이미 많은 유료 플러그인들이 존재했고 일부 유료 앱들은 오히려 무료앱보다도 더 형편없는 기능과 서비스를 제공하는 경유도 심심찮게 만날 수 있었습니다.

2. Sassy Social Share 플러그인 적용

우연히 Sassy Social Share라는 플러그인을 발견했는데 생각외로 빠르고 기능도 다양go AMP까지 지원하며 더우기 커스터마이징할 수 있는 가능성도 있어서 본격적으로 검토하가 시작했습니다.

WordPress Social Sharing Plugin – Sassy Social Share By Team Heateor

이 플러그인은 아직 많이 보급되지는 않았습니다. 처음 발견 당시는 3000명정도 설치되었다고 나오던데요. 오늘 다시보니 10,000명 설정치로 나오네요. 그 만큼 빠르게 사용자가 늘고있다는 반증이겠지요.

[2020년 6월 현재 100,000명이상 설치되었다고 나옵니다.

▽ SNS 공유 플러그인 Sassy Social Share 소개

Sassy Social Share 주요 특징

Sassy Social Share에서 밝히고 있는 중요 기능들입니다.

• Around 100 Social Sharing/Bookmarking services
• Share counts are supported for Facebook, Linkedin, Twitter, Buffer, Reddit, Pinterest, Stumbleupon and Vkontakte
• FREE Icon Customization options
• Options to specify sharing icon shape – Square, Round and Rectangular
• Options to specify sharing icon size – minimum 16 pixels, no upper limit
• Options to specify sharing icon backround color and logo color
• Share counter customization options
• Enable share count cache with option to control cache refresh time-frame
• Enable/Disable vertical/floating sharing interface on mobile device
• Url Shortening Service integration
• Standard and Floating layout for Social Share icons
• Customizable Target Url for Social Sharing
• Rearrange Order of Social Share icons
• Specify Position of Social Sharing Bar with respect to content – Top and Bottom
• Enable/Disable Social Sharing on default/custom post types
• Enable/Disable Social Sharing on individual pages/posts
• Enable/Disable total/individual social share count(s)
• Moble Responsiveness
• Enable Social Sharing at WooCommerce products
• Official Like Buttons (Faceboo Like, Twitter Tweet, Google +1 etc.)
• Widgets and Shortcodes
• Compatible with BuddyPress, BBPress, WooCommerce
• Multisite Compatible
• Supports HTTPS enabled websites
• 24/7 quickest support

그리고 Sassy Social Share에서는 자신들의 특장점을 아래와 같이 정리했습니다.

• Free: Yea, right. It is a free plugin. You need not pay single penny to use the features of this plugin.
• No Need to Register Anywhere: You do not need to create account at our website to use this plugin.
• No Middle Layer: Plugin runs totally on your website server without any communication to our servers.
• Absolutely Simple: Plugin configuration is kept dead simple. Screenshots are provided with options wherever required.
• Free Icon Customization: Icons can be customized in thousands of ways using the options available within the plugin, for FREE.
• Mobile Responsiveness: Icons can be adjusted according to the width of mobile device, using the plugin options.
• Perfect Vector (SVG) Icons: Social Share icons are Scalable Vector Graphics, meaning these load fast, scalable to any size, and are stunning on High-PPI screens (Retina and Retina HD displays).
• Optimal Loading time: Loading time of Social Sharing icons is optimal and if you compare with other plugins, you will find it less than that of all those plugins.
• Lightweight Code: Our developers follow best coding practices to ensure efficient loading and performance.
• We promise to provide best quality among other similar plugins. If you find our plugin is lacking some feature, you can email us and we will do our best to include that feature in our plugin as soon as possible.
• Our support team is working 24/7 to answer your queries and assist you. You will find us the quickest to respond.

제가 보기에는 Sassy Social Share가 다른 앱들과 강력하게 차별화되는 요소는

첫째, SVG 파일 포맷을 적용하고, 워드프레스가 설치된 서버에서 모든게 작동하는 방식으로 속도가 아주 빠르다는 점,
둘째, 이렇게 다양한 기능을 무료로 제공하고 있다는 것
셋쨰, AMP를 지원하는 것이 다른 앱고 차병화되는 강력한 차별화 포인트라고 보여집니다.

3. Sassy Social Share 설정 화면

Sassy Social Share 플러그인을 설치하면 7개의 설정화면이 나옵니다.

Theme Selection, Standard Interface, Floating Interface,
Miscellaneous, Shortcode & Widget, Troubleshooter, FAQ가 그것인데요.

여기서 실제로 많이 부디치는 부분은 Theme Selection, Standard Interface, Floating Interface의 3가지 설명 메뉴입니다.

Theme Selection

처음 만나는 장면이 Theme Selection인데요. 여기에서는 아이콘의 형태(둥근 모양인지 아니면 정사각형인지 아니면 직사각형인지), 아이콘의 라운드 정도(라운드를 준다면 그 정도), 그리고 아이콘의 크기를 설정할 수 있습니다.

전 32px 크기의 정사각형 형태를 택했습니다.

그리고 공유 횟수를 표현한다고하면 어는 위치에 보여줄지도 정할 수 있으며 로고의 컬러를 일괄적으로 바꿀 수 잇습니다. 테마의 성격에 따라 일괄 검은 색으로 정할 수도 있습니다.

Standard Interface 설정

이 Standard Interface에서는 우리가 일반적으로 Inline 에서 SNS 공유버튼을 위치하는 옵션을 설정하는 곳입니다.

여기서는 당연히 공유하고자하는 Social Networks를 선택할 수 있으며 페이스북의 좋아요와 같은 Select Sharing Services를 추가할 수 있습니다.

그리고 정열 방향과 위치(포스팅의 첫 부분, 마지막 부분 아니면 둘다)와 카운터를 개별로 보여줄지 아니면 전체로만 보여줄지를 결정할 수 있습니다.

Floating Interface 설정

여기에서는 흔히 Floating 방식으로 SNS 공유버튼을 보여주는 옵션을 설정하는 곳입니다.

여기서도 공유하고자하는 Social Networks를 선택할 수 있으며 페이스북의 좋아요와 같은 Select Sharing Services를 추가할 수 있습니다.

또 위치, 카운터를 보여주는 방식(개별로 보여준든지 전체로 보여주던지 아니면 둘다 보여주던지)ㄹㄹ 정할 수 있습니다.

그리고 일정 넓이 이하에서는 floating bar가 아래 부분에 고정해 항상 보여줄 수 있는데요. 저는 넓이 기준을 9000px로 정해서 데스크탑이나 스마트폰이나 모두 이 방식으로 적용되도록 했습니다.

최종 적용된 모습

▽ Sassy Social Share 적용 결과, 데스크탑에서 캡춰한 모습

3. Sassy Social Share에서 카톡, 네이버 등 적용하기

Sassy Social Share에서는 AddThis와 같이 별도로 Social Networks를 추가할 수 있는 기능이 없습니다.

따라서 저는 Sassy Social Share에서 제공아는 100여개의 Social Networks중에서 잘 사용하지 않는 3개(Netvouz, Newsvine, NUjiji)를 고르고 이들의 이름은 그대로 두고 카톡, 네이버와 네이버 밴드의 아이콘, 배경 컬러 그리고 버튼 클릭 시작동하는 URL로 대체했습니다.

• Netvouz는 네이버로 대체
• Newsvine은 카카오톡으로 대체
• NUjiji은 네이버 밴드로 대체

변경 내용은 아래와 같아 공유하니 참고해 보시기 바랍니다. 쉬운 작업은 아닙니다.

뭐 우리나라 소셜 미디어를 지원하는 플러그인도 있으나, 여기처럼 다양한 기능을 제공하지는 않아서 저는 이 플러그인을 이용했습니다. 제가 주로 이용한 기능은 Floating 기능과 공유 횟수를 표시하는 기능입니다.

3.1. 백그라운드 컬러 변경

여기에서는 적용하고 싶은 SNS의 배경 컬러로 변경합니다.
적용하고 싶은 배경 컬러는 아래와 같습니다.

1. 네이버 : #00C53B
2. 카카오톡 : #FEE700
3. 네이버 밴드 : #1BCD21

즉 아래와 같이 기존 컬러를 변경하고 싶은 SNS 배경 컬러로 바꾸어 주는 것이지요.

1. Netvouz의 배경 컬러 #c0ff00 네이버 배경 컬러 #00C53B로 대체
2. Newsvin의 배경 컬러 #055D00는 카카오톡 배경 컬러 #FEE700으로 대체
3. NUjiji의 배경 컬러 #D40000는 네이버 밴드 배경 컬러 #1BCD21로 대체

.heateorSssNetvouzBackground{background-color: #c0ff00}.heateorSssNewsVineBackground{background-color: #055D00}.heateorSssNUjijBackground{background-color: #D40000}
Code language: PHP (php)

배경 컬러를 적용해야 하는 파일은 아래 두개의 파일입니다.

• sassy-social-share/admin/css/sassy-social-share-admin.css
• sassy-social-share//public/css/sassy-social-share-public.css

3.2. 로고 변경

Sassy Social Share는 보다 빠른 속도를 위해서 SVG 파일을 적용하고 있습니다.

이 SVG 파일에 대해서는 이전에 공유했던 [워드프레스 Tips] SNS 공유버튼 검토시 도움이 되는 팁과 정보들 이란 글을 참조해 보시기 바랍니다.

로고를 변경해야하는 파일은 아래와 같습니다. 조금 많네요.

• sassy-social-share/admin/css/sassy-social-share-svg.css
• sassy-social-share/admin/css/sassy-social-share-hover-svg-vertical.css
• sassy-social-share/admin/css/sassy-social-share-hover-svg-horizontal.css
• sassy-social-share/admin/css/sassy-social-share-default-svg-vertical.css
• sassy-social-share/admin/css/sassy-social-share-default-svg-horizontal.css

3.2.1. 네이버 로고 SVG 파일 코드

data:image/svg+xml;charset=utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cstyle%3E.st0%7Bfill%3A%2300C53B%3B%7D%20.st1%7Bfill%3A%23FEFEFE%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M200.2%20100.3v99c0%20.7-.2.9-.9.9H1.1c-.7%200-.9-.2-.9-.9V1.1c0-.7.2-.9.9-.9h198.2c.7%200%20.9.2.9.9v99.2z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M116.5%20101.5v-1.1-44.8c0-.9.2-1.1%201.1-1.1h31.5c.9%200%201%20.3%201%201.1v89.5c0%20.9-.2%201.1-1.1%201.1h-31.9c-.8%200-1.2-.2-1.6-.9-10.3-15.2-20.7-30.5-31-45.7-.2-.3-.4-.6-.8-1.1v46.4c0%20.9-.1%201.3-1.2%201.3H51.1c-.9%200-1.1-.2-1.1-1.1V55.5c0-.9.3-1%201.1-1h32.3c.7%200%201.1.2%201.5.8%2010.2%2015.1%2020.5%2030.3%2030.7%2045.4l.6.9c.2-.1.3-.1.3-.1z%22%2F%3E%3C%2Fsvg%3E
Code language: PHP (php)

3.2.2. 카톡 로고 SVG 파일 코드

data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cstyle%3E.st0%7Bfill%3A%23FEE700%3B%7D%20.st1%7Bfill%3A%23FEF8BE%3B%7D%20.st2%7Bfill%3A%23392324%3B%7D%20.st3%7Bfill%3A%23FDE700%3B%7D%20.st4%7Bfill%3A%23FDE600%3B%7D%20.st5%7Bfill%3A%233A2424%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M.5.3h98.6c1.1%200%201.2.3%201.2%201.2v97.6c0%201-.1%201.2-1.2%201.2H.5c-.2-.4-.1-.9-.1-1.3V1.7C.4%201.1.3.7.5.3z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M.5.3v100c-.5-.2-.2-.7-.2-1V56.6%201.4C.3%201%200%20.5.5.3z%22%2F%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M50.5%2070.4c-1.1%200-2.2.2-3.2%200-1.6-.3-2.9.1-4.3%201-3.3%202.4-6.7%204.5-10%206.8-.5.3-1%20.8-1.6.4-.7-.5-.4-1.1-.2-1.7.8-2.9%201.5-5.9%202.4-8.8.3-1%20.1-1.5-.8-2-4.8-2.6-8.8-6.2-11.1-11.3-3.7-8-2.4-15.5%203.2-22.1%204.8-5.8%2011.3-8.9%2018.6-10.3%209.2-1.7%2018-.4%2026.1%204.5%205.3%203.2%209.3%207.5%2011%2013.5%202.4%208.5-.2%2015.6-6.5%2021.5-6.7%206.2-14.8%208.5-23.6%208.5z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M64.7%2044.7c1.6-1.5%203.3-3%205-4.6.4-.3.7-.7%201.3-.7.5%200%201%20.2%201.3.7.3.6.2%201.1-.2%201.5-1.1%201.2-2.3%202.5-3.5%203.6-.7.6-.6%201-.1%201.7%201.3%201.6%202.5%203.2%203.7%204.9.5.7.9%201.5%200%202.2-.8.6-1.7.4-2.3-.5-1.2-1.6-2.3-3.2-3.5-4.7-.2-.3-.4-1-.8-.7-.5.2-1%20.6-.9%201.3v3c0%201.3-.5%201.9-1.5%201.9s-1.4-.6-1.4-1.9V41.2c0-1.3.5-1.9%201.5-1.8%201.1.1%201.4.9%201.4%201.8v3.5zM49.1%2054.1c-.9%200-1.3-.7-1.5-1.4-.2-1.3-.8-1.8-2.2-1.6-1.2.1-2.4.1-3.6%200-.7%200-1.1.2-1.2.9-.1.5-.3%201-.5%201.4-.3.7-.9.9-1.7.7-.8-.2-1.1-.8-1-1.5%200-.2.1-.5.2-.7%201.4-3.6%202.7-7.2%204.1-10.8.4-1%201-1.8%202.2-1.8%201.2%200%201.8.8%202.2%201.9%201.3%203.7%202.7%207.4%204%2011.1.6%201%20.1%201.8-1%201.8z%22%2F%3E%3Cpath%20class%3D%22st3%22%20d%3D%22M32%2047.6V43c0-.8-.2-1.1-1-1.1-.7.1-1.5%200-2.2-.1-.7-.1-1.1-.5-1.1-1.2%200-.8.4-1.3%201.2-1.3h9.2c.8%200%201.2.5%201.2%201.3%200%20.7-.4%201.2-1.1%201.3-.5.1-.9%200-1.4.1-2.2%200-1.9-.3-1.9%201.9v8.6c0%20.9-.4%201.7-1.5%201.6-1%200-1.4-.7-1.4-1.7v-4.8z%22%2F%3E%3Cpath%20class%3D%22st4%22%20d%3D%22M55%2045.6v4.7c0%20.8.3%201%201%201%201-.1%202%200%203%200%20.8%200%201.5.4%201.5%201.3s-.6%201.3-1.5%201.3h-5.2c-1.1%200-1.6-.6-1.6-1.6V40.7c0-.9.5-1.6%201.5-1.6%201.1.1%201.4.8%201.4%201.7-.2%201.6-.1%203.2-.1%204.8z%22%2F%3E%3Cpath%20class%3D%22st5%22%20d%3D%22M46.3%2048.4h-4.6c.7-2.2%201.4-4.3%202.1-6.4h.3c.7%202.1%201.4%204.2%202.2%206.4z%22%2F%3E%3C%2Fsvg%3E
Code language: PHP (php)

3.2.3. 네이버 밴드 SVG 파일 코드

data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20201.1%20201.1%22%3E%3Cstyle%3E.st0%7Bfill%3A%231BCB21%3B%7D%20.st1%7Bfill%3A%23FEFEFE%3B%7D%20.st2%7Bfill%3A%231AC420%3B%7D%20.st3%7Bfill%3A%231AC620%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1%20101c0-32.2.1-64.3-.1-96.5%200-3%20.6-3.6%203.6-3.6%2064.3.1%20128.7.1%20193%200%203%200%203.6.6%203.6%203.6-.1%2064.3-.1%20128.7%200%20193%200%203-.6%203.6-3.6%203.6-64.3-.1-128.7-.1-193%200-3%200-3.6-.6-3.6-3.6.2-32.2.1-64.3.1-96.5z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M98.1%20158.8c-16.3-3.7-28.6-12.3-35.5-28-1.7-3.8-2.2-7.9-3.5-11.8-.7-.8-.6-1.9-.6-2.9V59.8c0-1-.2-2%20.5-2.9%205-11.6%2013.8-16.4%2023.6-12.8%206.1%202.3%209.3%207.1%2011.4%2012.9%201.1%202.1.3%204.4.6%206.6.2%201.5-.6%203.3%201.5%204.2%2022.7-4.3%2048.5%208.4%2054.8%2038.3%201.3%204.6%201.2%209.2%200%2013.9-2.8%2012.7-8.8%2023.4-19.7%2031-5.8%204.1-12.4%206-19.1%207.9-4.8%201.1-9.4%201-14-.1z%22%2F%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M59.1%2057v62c-1.2-1.4-1.1-3.1-1.1-4.7V61.7c0-1.6-.2-3.3%201.1-4.7z%22%2F%3E%3Cpath%20class%3D%22st3%22%20d%3D%22M150.8%20119.9V106c2%204.7%201.9%209.3%200%2013.9zm-52.7%2038.9H112c-4.7%201.9-9.3%201.9-13.9%200z%22%2F%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M96%2067.8c-1.5.6-2-.2-2-1.6%200-3.1%200-6.1-.1-9.2%202.4%203.3-.1%207.5%202.1%2010.8z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M66.2%2060c1-6.1%204.8-9.8%2010.3-9.8%205.5%200%209.3%203.7%2010.3%209.8-.6%2018.7-.2%2037.4-.2%2056.1%200%20.3.3.6.5.8%204.6%2010.7%2012.4%2015.8%2021.4%2013.7%207.3-1.7%2012.1-6.1%2013.9-13.4%201.7-6.9-.3-13-5.6-17.6-5.6-4.9-12.1-5.9-19.1-3-1%20.4-2.1%201-3.1%201.5-1.6-8-.7-9.1%207.5-9.9%2013.9-1.4%2026.1%208.4%2027.7%2022.2%201.6%2013.3-8.5%2026-21.9%2027.6-13.8%201.6-25.9-7.8-27.8-21.9.6-18.7.2-37.4.2-56.1%200-.3-.3-.6-.5-.9-2.3-2.6-4.6-2.6-6.9%200-.9%2019.7-1%2039.3%200%2059%203.4%2013.4%2011%2023%2025%2026.2%2016.9%203.8%2033.9-6.8%2037.9-23.4%204.1-17.2-5.9-34.2-22.8-38.7-1.1-.3-2.2-.7-3.3-1-3.2-1-6.5-.9-9.7%200-1.9.5-3.8%201.1-5.7%201.7-1-7.8-.6-8.1%208.4-8.6%2017.1-.9%2033%209.5%2038.9%2025.6%205.7%2015.7.6%2033.7-12.6%2043.9-13.7%2010.6-32.5%2011.2-46.5%201.2-9.9-7.1-15.5-16.6-16.3-28.9.5-18.8.5-37.4%200-56.1z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M104.9%20124c-6.3%200-10.9-4.8-10.9-11%200-6.3%204.7-11%2011-11%206.2%200%2011%204.9%2011%2011%200%206.2-4.9%2011-11.1%2011z%22%2F%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M73.1%20118c-1.1-1.2-1.1-2.7-1.1-4.2V63.3c0-1.5-.1-3%201.1-4.2V118zm6.8-59c1.1%201.2%201.1%202.7%201.1%204.2v48.9c0%201.3%200%202.7-.8%203.8L79.9%2059zm7.2%2058c-1.2-1.2-1.1-2.7-1.1-4.2V63.9c0-1.3%200-2.7.8-3.8l.3%2056.9zM66.2%2060c.8%201.2.8%202.5.8%203.8v48.3c0%201.3%200%202.7-.8%203.8V60z%22%2F%3E%3Cpath%20class%3D%22st3%22%20d%3D%22M100.1%2081.1c3.2-1.7%206.5-1.8%209.7%200h-9.7z%22%2F%3E%3C%2Fsvg%3E
Code language: PHP (php)

3.3. URL 변경

다음으로는 공유 버튼이 클릭될 시 이동해야하는 URL을 변경해 주니다.

이렇게 URL을 변경해줘야하는 곳은 아래 세군데입니다.

• /sassy-social-share/public/js/sassy-social-share-public.js
• /sassy-social-share/public/class-sassy-social-share-public.php
• /sassy-social-share/includes/class-sassy-social-share-sharing-networks

3.3.1. 네이버 URL

"http://share.naver.com/web/shareView.nhn?url=%encoded_post_url%&title=%post_title%&popup=no&description=
Code language: PHP (php)

3.2.2. 카톡 URL

kakaolink://send?appkey={595eb52e09168b21617c2305792fcb70}&appver=1.0&apiver=3.0&linkver=3.5&forwardable=false&objs=’[{ ‘objtype’: ‘button’, ‘text’: {MESSAGE}, ‘action’: { ‘type’: ‘web’, ‘url’: {URL}}}]
Code language: PHP (php)

단 이 카톡 URL은 자바스크립트 SDK 버젼이 바뀌면서 사용할 수 없니다.

원래 카카오에서는 자바 스크립트 SDK를 강제적으로 사용토록하고 있어서 이런 식의 URL은 자바 스크립트 SDK를 강제 해석해 만드는 버젼의 SDK에서만 통용되는 URL이라고 합니다.

그래서 아직까지는 카톡에 대해서는 뚜렸한 해결책을 찾지는 못했습니다.

3.2.3. 네이버 밴드 URL

http://band.us/plugin/share?body=hello&route=https://happist.com
Code language: PHP (php)

4. 마치며

이상으로 간단히 Sassy Social Share 플러그인을 활용해 세팅을 하고 더 나아가 카톡, 네이버, 밴드와 같은 한국 중심이 SNS 버튼을 기존 다소 쓸모없는 아이콘 대신 대체하는 방법에 대해서 살펴보앗습니다.

아직 널리 알려지지는 않았지만 앞으로 성장 가능성이 있고 특히 개인 입장에서는 매우 유용하게 사용할 수 있을 것 같습니다.