๋ธ๋ก๊ทธ ๊พธ๋ฏธ๊ธฐ - Be social
๋ธ๋ก๊ทธ๋ฅผ ์ด๋ ์ ๋ ์์ ์ ์ ๋ง์ ๊พธ๋ฏธ๊ณ ๋๋ฉด ์ด์ ๋ธ๋ก๊ทธ๋ฅผ ์ฌ๋๋ค๊ณผ ๊ณต์ ํ๊ฑฐ๋, ๋ ์๋ค์ด ์์ ์ ๋ธ๋ก๊ทธ ๋ด์ฉ์ ์ฝ๊ฒ ๊ณต์ ํ ์ ์๊ธฐ ์ํ ๊ฒ์ด๋ค. ์์ Social Network Service ๋ฅผ ํตํด์ ๊ณต์ ๋ฅผ ์ฝ๊ฒ ํ๊ธฐ ์ํด์ ๋ง์ ๋ธ๋ก๊ทธ ์๋น์ค๋ค๋ ์ฝ๊ฒ ์ด๋ฐ ๊ณต์ ๋ฒํผ (Twitter ์ tweet, Facebook ์ like ํน์ post, Google+ ์ +1 ํน์ post) ์ ์ถ๊ฐํ ์ ์๋ ํ๋ฌ๊ทธ์ธ์ ์ ๊ณตํด์ค๋ค. ์ด๋ฌํ ๊ณต์ ์๋น์ค์๋ ํธ์, ํ์ด์ค๋ถ, ๊ตฌ๊ธํ๋ฌ์ค ๋ฟ๋ง ์๋๋ผ ๊ตญ๋ด ํฌํ ์๋น์ค์ ๋ค์ํ ์๋น์ค๊ฐ ์ ๊ณต๋๋ค. ๋ธ๋ก๊ทธ ๊พธ๋ฏธ๋๋ฐ ์ด๋ ค์์ ๊ฐ์ง๋ ์ฌ๋๋ค์๊ฒ๋ ์ด๋ ต์ง ์๊ฒ ์์ ์ ๋ธ๋ก๊ทธ๋ฅผ social ํ๊ฒ ๋ง๋ค ์ ์๋ ์ข์ ๋ฐฉ๋ฒ์ด์ง๋ง, ์์ ์๊ฐํ HTML ๊ณผ CSS ๋ฅผ ํตํ ๋ธ๋ก๊ทธ ๊พธ๋ฏธ๊ธฐ๋ฅผ ์กฐ๊ธ๋ง ์ดํด๋ณด๋ฉด, ์ด๋ฌํ ํ๋ฌ๊ทธ์ธ์ ์์ ์ ๋ธ๋ก๊ทธ์ ์ฝ์ ํ๋ ๊ฒ์ด ๊ทธ๋ฆฌ ์ด๋ ต์ง ์์ ์ ์๋ค.
๋ธ๋ก๊ทธ ๊พธ๋ฏธ๊ธฐ - CSS ์ ์ต์ํด์ง๊ธฐ
๋ธ๋ก๊ทธ ์๋น์ค์์ ์ ๊ณตํ๋ ๊ณต์ ๋ฒํผ ๊ธฐ๋ฅ์ ์ฌ์ฉํ๋ ๊ฒ์ ๋ง์กฑํ ์ ์์ง๋ง, ์ฌ์ํ๊ฒ๋ ๋ฒํผ ์์น ๊ทธ๋ฆฌ๊ณ ์ ๊ณต๋๋ ์๋น์ค์ ๋ด์ฉ์ ์์ ๋ง๋๋ก ์ ํํ ์ ์๋ ๊ฒฝ์ฐ๋ ์๊ณ , ๋ํ ๋ธ๋ก๊ทธ ์๋น์ค์์ ์ ๊ณตํ์ง ์๋ ๋ด์ฉ์ ๋ํด์๋ ์ง๊ธ ์๊ฐํ๋ ๋ฐฉ๋ฒ์ด ์ต์ ์ ์ ํ์ด ๋ ์ ์์ ๊ฒ์ด๋ค.
ยถ Be social 1st step - Add button (๋ฒํผ ๋ฌ๊ธฐ)
social button ์ ๋ชฉ์ ์ ์์ฃผ ๊ฐ๋จํ๋ค. ์์ ์ด ๊ณต์ ํ๊ณ ์ถ์ ๊ณณ์ผ๋ก ์ฝ๊ฒ ํด๋น ๋ธ๋ก๊ทธ์ ๋ด์ฉ์ ๊ณต์ ํ๊ณ ์ถ์ ๊ฒ์ด๋ค. ๋ฒํผ์ด ์กด์ฌํ์ง ์์๋ ์ฃผ์์ฐฝ์ URL ์ฃผ์๋ ๋ฒ์ฉ ๊ณต์ ์๋น์ค (shareholic ์ด๋ bit.ly ๋ฑ) ์ ํตํด์ ์ฐ๊ณํด์ ๊ณต์ ํ๋ ๋ฐฉ๋ฒ์ ๊ฐ๋ฅํ๋ค. ๊ทธ๋ฌ๋ ๋ฒํผ์ ์ถ๊ฐํจ์ผ๋ก ๊ธ์ ์ฝ๋ ๋ ์๋ค์ด ์ฝ๊ฒ ๊ณต์ ํ ์ ์๋ ๋ฐฉ๋ฒ์ ์ ๊ณตํ๋ฉด์, ๊ณต์ ํ๋๋ฐ ํธ๋ฆฌํจ์ ์ ๊ณตํ์ฌ ๊ณต์ ํ๊ณ ์ ํ๋ ์์(?)์ ์ค ์๋ ์์ ๊ฒ์ด๋ค. ๊ทธ๋ฌ๋ ๊ฐ์ธ์ ์ผ๋ก ์์ ์ ๋ธ๋ก๊ทธ ๊ธ์ด ๊ณต์ ๋์์ผ๋ฉด ํ๋ ๋ฒ์๋ฅผ ์ ํํ๋ ๊ฒ๋ ํ๋์ ์๋ฏธ์ผ ๊ฒ์ด๋ค. ์๋ฅผ ๋ค์ด ๊ฐ์ธ์ ์ผ๋ก ๊ตญ๋ด ํฌํ ์๋น์ค์ ๊ณต์ ๋ฒํผ์ ์ ๊ณตํ์ง ์๊ฑฐ๋, ๊ด๋ จ๋ ํ๋ฌ๊ทธ์ธ์ ์ถ๊ฐํ์ง ์์๋ค. ๋ํ ๋ค๋ฅธ ์๋น์ค๋ค ์๋ฅผ ๋ค์ด Pinterest, Reddit ๋ฑ ๋ค๋ฅธ ์๋น์ค๋ค๋ ์์ ๊ฒ์ด๋ค. ์์ ์ด ์ถ๊ฐํ ๋ฒํผ์ ๋ฒ์์ ๋ฐ๋ผ์ ๊ฐ์ธ์ ์ธ ์ทจํฅ๋ ํ์ํ ์ ์๋ค๋ ์ ์ด๋ค.
โฃ ํ์ด์ค๋ถ (Facebook) ๋ฒํผ ๋ฌ๊ธฐ
ํ์ด์ค๋ถ์ ๊ณต์ ๋ฐฉ์์ Like ๋ฅผ ํตํด ๋จ์ ๋งํฌ์ ๋ํ ๊ณต์ ๋ฅผ ํ๋ ๋ฐฉ๋ฒ๊ณผ ํด๋น ๋งํฌ์ ๋ํด์ ์์ ์ comment ๋ฅผ ์ถ๊ฐํด์ ์์ ์ ๋ด๋ฒผ๋ฝ (wall) ์ ์ฌ๋ฆฌ๋ (post) ๋ฐฉ์์ด ์๋ค. ๋ด๋ถ์ ์ผ๋ก ํ์ด์ค๋ถ์์ ์์ฑ๋ ๋ด์ฉ๊ณผ ๋ค๋ฅด๊ฒ ๋ธ๋ก๊ทธ ๋ด์ฉ์ ๋ณ๋์ ์ค์ ์ด ์๋ค๋ฉด ๊ณต๊ฐ (public) ๊ฐ ์์น์ด๊ณ ํ์ด์ค๋ถ์์ ๋ณด๋ฉด ์ธ๋ถ ์์ค (external URL) ์ด๋ค. ์ด๋ฐ ์ธ๋ถ ์์ค์ ๋ํด์๋ Like ๋ฅผ ๋๋ฅด๋ ๊ฒ์ด ์๋์ผ๋ก ๋งํฌ๋ก ๊ณต์ ๋๊ฒ ๋๋ค. ๋ฐ๋ผ์ ๊ณต์ ์ ๊ฐ์ฅ ์ต์ ๋จ๊ณ๋ Like ์ด๋ค.
ํ์ด์ค๋ถ์ Like ๋ฒํผ ๋ฌ๊ธฐ ์ํ ์๋ด
์์ ๋งํฌ๋ก ๋ค์ด๊ฐ๋ฉด ์์ ์ ๋ธ๋ก๊ทธ์ ๋ฌ ์ ์๋ ํํ์ ์ข์์(Like) ๋ฒํผ์ ๋ํ ์ต์ ์ ์ ํํ ์ ์๋ค. ์์ ์ ๋ธ๋ก๊ทธ ์ฃผ์๋ฅผ ์ ๋ ฅํ๊ณ ์ํ๋ ์ต์ ์ผ๋ก ์ค์ ํ ํ Get Code ๋ฅผ ๋๋ฅด๋ฉด ๋ค์๊ณผ ๊ฐ์ด ์์ ์ ๋ธ๋ก๊ทธ์ ์ถ๊ฐํ ์ ์๋ ์ฝ๋๊ฐ ๋์จ๋ค.
ํ์๋๋ ๋ฐฉ์์ผ๋ก๋ HTML5, XFBML, IFRAME, URL ๋ฐฉ์์ด ์์ง๋ง ๊ฐ๋ฅํ๋ค๋ฉด HTML5 ์ ์ ํํ๋ฉด ๋ฌด๋ํ ๊ฒ์ด๋ค. ๊ฐ์ฅ ๊ฐํธํ ๋ฐฉ์์ IFRAME ์ด์ง๋ง ์ถํ ํ์ด์ค๋ถ์ ๋ค๋ฅธ ์์ ฏ์ด๋ ํ๋ฌ๊ทธ์ธ์ ๊ณ ๋ คํ๋ค๋ฉด HTML5 ์ด ๋ ํจ๊ณผ์ ์ผ ๊ฒ์ด๋ค. ํด๋น ์ฝ๋๋ ๋ธ๋ก๊ทธ์ HTML ์ฝ๋์ ์ ์ ํ ์์น์ ์ถ๊ฐํ๋ฉด ๋๋ค. HTML5 ๋ฅผ ๊ธฐ์ค์ผ๋ก ํ๋ค๋ฉด, HTML ์ด <BODY> ํ๊ทธ๋ก ์์ํ ๋ถ๋ถ ๊ฑฐ์ ๋ฐ๋ก ๋ค์์ ์ ๋นํ ๋ถ๋ถ์ ์์ชฝ์ ๋ด์ฉ (JavaScript SDK) ๋ฅผ ์ถ๊ฐํ๊ณ ์๋ ๋ถ๋ถ <div ... > ๋ก ๊ตฌ์ฑ๋ ๋ถ๋ถ์ ์์ ์ด ๋ฒํผ์ ๋ฃ๊ณ ์ถ์ ๋ถ๋ถ์ ์ถ๊ฐํ๋ฉด ๋๋ค.
๊ทธ๋ฌ๋ ์ฌ๊ธฐ์ ํ๊ฐ์ง ๋ฌธ์ ์ ์ด ๋ฐ์ํ๋ค. ์ฌ๊ธฐ์์ ์ถ๊ฐํ ์์ ์ ๋ธ๋ก๊ทธ ์ฃผ์๋ ํ์ฌ ์์ ์ด ๊ณต์ ํ๊ณ ์ถ์ ๋ธ๋ก๊ทธ ๋ด์ฉ์ด ์๋๋ผ ๋ธ๋ก๊ทธ์ ๋ํ ์ฃผ์์ด๋ค. ์ฆ, ์์ ์ด ๊ณต์ ํ๋ ์ฃผ์๋ ํญ์ ์์ ์ด ์ ๋ ฅํ๋ ๋ํ ์ฃผ์๊ฐ ๋์ด๋ฒ๋ฆฐ๋ค๋ ๊ฒ์ด๋ค. ์ด๋ ๊ฒ ๋๋ฉด ์์ ์ ๋ธ๋ก๊ทธ ์ด๋ค ๊ธ์ ๊ณต์ ํด๋ ํญ์ ๋ํ ์ฃผ์๋ง ๊ณต์ ๋๊ฒ ๋๋ค๋ ๊ฒ์ด๋ค. (๋ํ ์ฃผ์๋ ๊ฑฐ์ ์ต์ ์ ๊ธ์ ํ์ํ ๊ฒ์ด๋ค.) ์ด๋ฐ ๊ฒฝ์ฐ๋ฅผ ์ํด์ ์์ ๋ธ๋ก๊ทธ์์ ์๊ฐํ ๋ธ๋ก๊ทธ ๋ณ์๋ฅผ ์ฌ์ฉํ๋ฉด ๋๋ค. ํฐ์คํ ๋ฆฌ์ ๊ฒฝ์ฐ ํ์ฌ ํ์๋๋ ๋ธ๋ก๊ทธ ๊ธ์ ๊ณ ์ ์ฃผ์๋ฅผ ํ์ํ๋ ๋ฐฉ๋ฒ์ ํ์ด์ค๋ถ์์ ์ป์ ์ฝ๋ ์ค
data-href="http://blog.meson.kr" ์ ๋ถ๋ถ (์์ ์ URL ์ด http://blog.meson.kr ์ธ ๊ฒฝ์ฐ)
date-href="http://blog.meson.kr[# #_article_rep_link_# #]" 1 ์ผ๋ก ๋ณ๊ฒฝํด์ค์ ๋ธ๋ก๊ทธ HTML ์์ค์ ์ํ๋ ์์น์ ๋ฃ์ด์ฃผ๋ฉด ๋ง์ฝ ๊ณต์ ํ๊ณ ์ถ์ ๋ธ๋ก๊ทธ์ ๊ณ ์ ์ฃผ์๊ฐ http://blog.meson.kr/404 ๋ผ๋ฉด /404 ๋ฅผ ๋ธ๋ก๊ทธ ๋ณ์์ธ [# #_article_rep_link_# #] ์ด ์ถ๋ ฅํด์ ๊ณต์ ํด์ฃผ๋ ๊ฒ์ด๋ค. (โป [# #_article_rep_link_# #] ๋ณ์๋ ' / ' ๋ฅผ ํฌํจํ๊ณ ์์์ ์ฃผ์. ๋ธ๋ก๊ทธ ์๋น์ค๋ง๋ค ์ด๋ฌํ ๋ณ์๋ฅผ ์ฐพ์ ์ ์ฉํ๋ฉด ๋๋ค.)
โฃ ํธ์ํฐ (twitter) ๋ฒํผ ๋ฌ๊ธฐ
ํธ์ํฐ๋ ํ์ด์ค๋ถ์ ๋นํด์ ๊ฐ๋จํ ๊ตฌ์กฐ์ด๋ค. tweet ๋ด์ฉ์๋ ์์ ์ ๋ธ๋ก๊ทธ ์ ๋ชฉ, ๋ณธ๋ฌธ ์ ๋ชฉ ๊ทธ๋ฆฌ๊ณ ๊ณ ์ URL ๋ฑ์ด ํ ์คํธ ํํ๋ก ๊ณต์ ๊ฐ ๋๊ธฐ ๋๋ฌธ์ ํ์ด์ค๋ถ์ฒ๋ผ ๋ณต์กํ ๊ตฌ์กฐ๋ ์๋๋ค. ํ์ด์ค๋ถ๊ณผ ๋ง์ฐฌ๊ฐ์ง๋ก ํธ์ํฐ ๋ฒํผ์ ์ํ ์ฝ๋๋ฅผ ์ป์ด๋ณด์.
ํธ์ํฐ์ ํธ์ (tweet) ๋ฒํผ ๋ฌ๊ธฐ ์ํ ์๋ด
ํธ์ํฐ ๋ฒํผ์๋ ๊ณต์ ๋ฅผ ์ํ ๋ฒํผ ์ด์ธ ์์ ์ ๊ณ์ ์ ํ๋ก์ฐ(follow) ํ๊ฑฐ๋ ํน์ ํด์ฌํ๊ทธ(#) ๋ฉ์ ์ ์ํ ์ต์ ์ด ์์ง๋ง, ์ง๊ธ์ ๋ธ๋ก๊ทธ์ ๊ธ์ ๊ณต์ ํ๊ธฐ ์ํ ๊ฒ์ด ๋ชฉ์ ์ด๋ ์ฒซ๋ฒ์งธ tweet ๋ฒํผ์ ์ํด ์ ํํ๋ฉด ์ฌ๋ฌ๊ฐ์ง ์ต์ ์ ์ ํํ ์ ์๋ค.
Share URL ์ ๋ณ๋๋ก ์ค์ ํ์ง ์์๋ ์์์ ํ์ฌ ํ์๋๋ ํ์ด์ง์ URL ๋ฅผ ๊ณต์ ํด์ฃผ์ง๋ง ๊ฐ๋ฅํ๋ฉด ์ด ์ต์ ์ ์ ํํ์ง ๋ง๊ณ ํ์ด์ค๋ถ ๋ฒํผ์ ๋ฃ์ ๋ ์ฌ์ฉํ http://blog.meson.kr[# #_article_rep_link_# #] ์ฃผ์๋ฅผ ์ ํํด์ ์ ๋ ฅํ๋ ๊ฒ์ด ์ข๋ค. ๋ธ๋ก๊ทธ์ ์ฃผ์๋ ํญ์ ๊ณ ์ ์ฃผ์๋ง ์ฌ์ฉํ๋ ๊ฒ์ด ์๋๋ผ ๋ธ๋ก๊ทธ ์๋น์ค์ ๋ฐ๋ผ์๋ page ๋ก ํ์๋๋ URL ๋ฅผ ํ์ํ๊ธฐ๋ ํ๋๋ฐ ์ค์ ํ์ง ์์ผ๋ฉด ์ด๋ฐ ๊ฐ๋ณ์ ์ธ ์ฃผ์๊ฐ ํธ์์ผ๋ก ์ฌ๋ผ๊ฐ๊ธฐ ๋๋ฌธ์ด๋ค.
๋ ์๊ฐ ํธ์ ๋ฒํผ์ ๋๋ ์ ๋ ๊ธฐ๋ณธ์ ์ผ๋ก ๋ค์ด๊ฐ๋ ๋ด์ฉ์ ์ค์ ํ๊ณ ์ค๋ฅธ์ชฝ์ ํ์๋ ์์ค์ฝ๋๋ฅผ ์์ ํ์ด์ค๋ถ์ ๋ฃ์ ๊ฒ๊ณผ ๊ฐ์ด ์ํ๋ ์์น์ ๋ฃ์ผ๋ฉด ๋๋ค.
โฃ ๊ตฌ๊ธํ๋ฌ์ค (Google+) ๋ฒํผ ๋ฌ๊ธฐ
๊ตฌ๊ธํ๋ฌ์ค (Google+) ๋ ํธ์ํฐ๋ ํ์ด์ค๋ถ ๋ฒํผ์ ๋ฌ์ ๋ณด์๋ค๋ฉด ์์ฃผ ์์ํ๋ค. ๊ตฌ๊ธํ๋ฌ์ค๋ ํ์ด์ค๋ถ์ Like ์ ๋น์ทํ (๊ฑฐ์ ๋์ผํ) ๊ฐ๋ ์ผ๋ก +1 ์ ์ฌ์ฉํ๋ค. ํ์ด์ค๋ถ๋ ๋ฐฉ๋ฒ์ด ์๋ ๊ฒ์ ์๋์ง๋ง ์์ ์ด Like ๋๋ ๋ ๋ด์ญ (history) ์ด๋ ๋์์ ๋ชจ์์ ํ๊บผ๋ฒ์ ๋ณธ๋ค๋ ๊ฒ์ด ์ฝ์ง ์๋ค. ์๋ฅผ ๋ค์ด ํ์ด์ค๋ถ ์์์ ๋ง๋ค์ด์ง ํ์ด์ง์ ๋ํด์๋ ๋ณ๋๋ก ์์ ์ Like ๋ด์ญ์ด ๋์ค์ง๋ง, ์ธ๋ถ ์์ค์ ๋ํ Like ๋ด์ญ์ ์ฝ๊ฒ ๋ชจ์์ ๋ณด๊ธฐ ํ๋ค๋ค. ๋ฐ๋ผ์ ๊ฑฐ์ ์ธ๋ถ ์์ค์ ๋ํด์๋ ์คํฌ๋ฉ์ฉ์ผ๋ก ํ์ฉํ๊ธฐ๋ ๊ฑฐ์ ๋ถ๊ฐ๋ฅํ๋ค. ๋ฐ๋ฉด ๊ตฌ๊ธํ๋ฌ์ค๋ +1 ์ด ํ๋์ ๋ถ๋งํฌ ๊ธฐ๋ฅ์ ๊ฒธํ๊ฒ ๋์ด์๊ณ ์ธ๋ถ ์์ค ๋ฟ๋ง ์๋๋ผ ๋ชจ๋ URL์ ๊ฐ์ง๋ ๋์์ ๋ํด์ ์์ ์ ๊ตฌ๊ธํ๋ฌ์ค Profile ์ +1 ์์ ํ์ธ์ด ๊ฐ๋ฅํ๋ค. ๋ํ ํ์ด์ค๋ถ์ Like ์ ๋์ผํ๊ฒ ๊ณต์ ๋ฅผ ํ๊ณ comment ๋ฅผ ํฌํจํ์ฌ ์์ ์ ๊ตฌ๊ธํ๋ฌ์ค์ ๊ณต์ ํ ์ ์๋ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ค.
๊ตฌ๊ธํ๋ฌ์ค (Google+) ์ +1 ๋ฒํผ ๋ฌ๊ธฐ ์ํ ์๋ด
์กฐ๊ธ์ ์ญ์ค์ ์ด์ง๋ง, ํธ์ํฐ์ ๊ฒฝ์ฐ ๋ธ๋ก๊ทธ ๋ณ์๋ฅผ ํฌํจํ URL ๋ฅผ ํฌํจ์ํค๋ ๊ฒ์ ๊ถ์ฅํ์ง๋ง, ๊ตฌ๊ธํ๋ฌ์ค์ +1 ๋ฒํผ์ ๊ฒฝ์ฐ ๋ณ๋๋ก URL ์ฃผ์๋ฅผ ์ถ๊ฐํ ์ ์๋ ์ต์ ์ด ์์ง๋ง ์ด๋ฅผ ๊ทธ๋ฅ ๋ฌด์ํ๊ณ , ๊ธฐ๋ณธ ์ต์ ๋ง์ผ๋ก ์ฝ๋๋ฅผ ์ป์ด์ ์ฌ์ฉํ๋ ๊ฒ์ ๊ถ์ฅํ๋ค. ์ด ๋ถ๋ถ์ ์ดํ ๋ฒํผ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ํตํด์ ์ดํด๋ณด๊ธฐ๋ก ํ๋ค. ์ค๋ฅธํธ์ ์ป์ด์ง ์ฝ๋๋ฅผ ๋ธ๋ก๊ทธ HTML ์์ค์ ์ถ๊ฐํด์ฃผ๋ฉด ๋๋ค.
ํ์ด์ค๋ถ, ํธ์ํฐ ๊ทธ๋ฆฌ๊ณ ๊ตฌ๊ธํ๋ฌ์ค์ ๋ํด์ ์ดํด๋ณด์์ง๋ง, ๋ค๋ฅธ ์๋น์ค ์๋ฅผ ๋ค์ด Pinterest ์ Pin it ๋ฒํผ ๋ฑ๋ ๋์ผํ ๋ฐฉ๋ฒ์ผ๋ก ์ถ๊ฐํ๋ฉด ์ด๋ ต์ง ์๊ฒ ์ ์ฉํ ์ ์๋ค. ๋ค๋ง, ๋ธ๋ก๊ทธ ๊ณ ์ URL ์ฃผ์์ ๊ดํด์ ์์ ์ ๊ณ ์ URL ์ด ์ ๋๋ก ๊ณต์ ๊ฐ ๋๋์ง ์๋๋ฉด ๊ฐ๋ณ์ฃผ์๊ฐ ๊ณต์ ๋์ง ์๋์ง ํ์ธํด ๋ณผ ํ์๊ฐ ์๋ค.
์๋ฅผ ๋ค์ด ํฐ์คํ ๋ฆฌ์ ๊ฒฝ์ฐ http://blog.meson.kr/?page=2 ์ ๊ฐ์ด ๊ณ ์ ์ฃผ์๊ฐ ์๋ ํ์ด์ง ๋ฒํธ๋ก ๋ถ์ฌ๋๋ ๊ฒฝ์ฐ๊ฐ ์๋๋ฐ ์ด๋ฐ ์ฃผ์ ์ํ์์ ๊ณต์ ๋ฅผ ํ์ ๋ ์ฐ๊ฒฐ๋๋ ์ฃผ์๊ฐ ์์ ํ์ด์ง ๋ณ์๊ฐ ํฌํจ๋ ์ฃผ์์ธ์ง, ์๋๋ฉด ํด๋น ๋ธ๋ก๊ทธ ๋ณธ๋ฌธ์ ๊ณ ์ URL ์ฃผ์ ( http://blog.meson.kr/404 ์ ๊ฐ์... ) ์ธ์ง๋ฅผ ํ์ธํ๋ฉฐ ์ต์ ์ ๋ณ๊ฒฝํ๋ฉด ๋ ๊ฒ์ด๋ค.
ยถ Be social 2nd step - Add Widget (์์ ฏ ๋ฌ๊ธฐ)
๋ฒํผ์ ๊ณต์ ๋ฅผ ์ํ ๋๊ตฌ๋ผ๋ฉด, ์์ ฏ (widget) ์ ์์ ์ ๋ธ๋ก๊ทธ์ ๊ด๋ จ๋ ์ ๋ณด๋ฅผ ํ๋์ ๋ณผ ์ ์๊ฒ ๋์์ฃผ๋ ๋๊ตฌ๋ผ๊ณ ์๊ฐํ๋ฉด ํธ๋ฆฌํ๋ค. ์๋ฅผ ๋ค์ด ์์ ์ด ํธ์ํฐ์ ์ฌ๋ฆฌ๋ ํธ์ ๋ด์ฉ์ ๋ธ๋ก๊ทธ์ ํํธ์ ๋ณด์ฌ์ค๋ค๋ฉด, ๋ธ๋ก๊ทธ ํ๊ณณ์์ ์์ ์ ๊ธ๊ณผ ํธ์์ ํ๊บผ๋ฒ์ ๋ณด์ฌ์ค ์ ์๊ณ , ๋ค๋ฅธ ์ด๋ค์ด ๊ณต์ ํ ๋์ ๋ธ๋ก๊ทธ ๊ธ์ ๋ณด์ฌ์ฃผ๊ฑฐ๋ ํ ์ ์๋ค. ์ฆ, ๋ธ๋ก๊ทธ ๋ด์ฉ์ด์ธ SNS ์์์ ์์ ์ด ๊ณต์ ํ๊ณ ์ถ์ ๋ด์ฉ์ ์ ๊ทน์ ์ผ๋ก ํ์ํ๋ ๊ธฐ๋ฅ์ด๋ผ๊ณ ๋ณด๋ฉด ๋๋ค.
โก ํ์ด์ค๋ถ์ ์์ ฏ ์ฌ์ฉํ๊ธฐ - Social Plugin
ํ์ด์ค๋ถ์ Like ๋ฅผ ํฌํจํด์ ์ธ๋ถ ์์ค์์ (๋ธ๋ก๊ทธ์ ๊ฐ์ ํ์ด์ค ๋ถ ๋ฐ) ํ์ด์ค๋ถ๊ณผ ์ฐ๊ฒฐ์ง์ด์ฃผ๋ ๋ชจ๋ ๋๊ตฌ๋ฅผ social plugin ์ด๋ผ๊ณ ํด์ ์๊ฐํ๊ณ ์๋ค. Like ๋ฒํผ์ ๋ฒํผ ๋ฌ๊ธฐ์์ ์๊ฐํ๊ณ ๋๋จธ์ง ๋ด์ฉ๋ ๋์ผํ ๋ฐฉ๋ฒ์ผ๋ก ์ฌ์ฉํ๋ฉด ๋๋ค. ์ด์ค ๋ค์ํ ์ ๋ณด๋ฅผ ํ์ํด์ฃผ๋ Activity Feed ๋ฅผ ์ดํด๋ณด์. ์ฌ๋ฌ๊ฐ์ง ์ต์ ์ด ๋์ค์ง๋ง, ์ผ๋จ ์์ ์ ๋๋ฉ์ธ์ ํ๋์ ์ดํด๋ณด๊ธฐ ์ํ ๋ชฉ์ ์ด๊ธฐ ๋๋ฌธ์ ์์ ์ ๋ธ๋ก๊ทธ ์ฃผ์๋ฅผ ๋ฃ์ด๋ณด์. ์ค๋ฅธ์ชฝ ๊ฒฐ๊ณผ์๋ ์์ ์ ๋ธ๋ก๊ทธ ๋ด์ฉ ์ค์์ ๋๊ตฐ๊ฐ Like ํ๋ ๋ด์ฉ๋ค์ด ๋์จ๋ค. ๋ช ๋ช ์ด Like ๋ฅผ ๋๋ ๋์ง, ๊ทธ๋ฆฌ๊ณ ๋ง์ฝ ์์ ์ ์น๊ตฌ ์ค์ ์๋ค๋ฉด ๋๊ตฌ์ธ์ง๋ฅผ ํ์ํด์ค๋ค. ์ผ๋ฐ์ ์ผ๋ก ๊ณต๊ฐํ ๋ด์ฉ์ ๋ํด์๋ง ํ์๋ฅผ ํด์ฃผ๊ธฐ ๋๋ฌธ์ Like ํน์ ๊ณต์ ๋ฅผ ํ์ง๋ง public ์ผ๋ก ์ค์ ํ์ง ์๋๋ค๋ฉด ํ์๋์ง ์๋ ๊ฒ์ด ์ผ๋ฐ์ ์ด๋ค.
์์ ์ด ๋ธ๋ก๊ทธ์ ๋ฃ๊ณ ์ถ์ ์์น๋ฅผ ํตํด์ ์ ์ ํ ํฌ๊ธฐ (๋์ด, ํญ)์ ์ค์ ํ๊ณ ์ฝ๋๋ฅผ ์ป์ด๋ณด์. ๋ง์ฝ ํ์ด์ค๋ถ ๋ฒํผ์ ๋ฃ์ ๋ HTML5 ์ JavaScript SDK ๋ฅผ ํฌํจ์์ผฐ๋ค๋ฉด, ๋๋ค์ ํฌํจ์ํฌ ํ์์์ด ์๋์ ๋ด์ฉ๋ง ์ํ๋ ์์น์ ํฌํจ์ํค๋ฉด ๋๋ค. ๊ฐ์ธ์ ์ผ๋ก ์ค๋ฅธ์ชฝ์ ์์นํ ์ฌ์ด๋๋ฐ์ ๋ฃ์ผ๋ ค๊ณ ํ๋ค. ์ด๋ ๋ฃ๊ณ ์ถ์ ์์น๋ฅผ ์ง์ ํ๊ณ ํด๋น ์ฝ๋ <div ...> ... </div> ๋ฅผ ๋ฃ์ด์ฃผ๋ฉด ๋๋ค. ์ฐธ๊ณ ๋ก ํฐ์คํ ๋ฆฌ์์๋ ์ด๋ฌํ ์ฌ์ด๋๋ฐ๋ฅผ ๊ด๋ฆฌํ๋ ๋ฐฉ์์ด ์กด์ฌํ๋๋ฐ...
ํด๋น ์ฝ๋๋ฅผ ์ฌ์ด๋๋ฐ๋ฅผ ํ์ํ๋ ๊ณณ์ ์ ๋นํ๊ฒ ๋ฃ์ด์ฃผ๊ณ ,
<s_sidebar> ํ๊ทธ ์ฌ์ด์ <s_sidebar_element> ... </s_sidebar_element> ๋ก ๋ฌถ์ด์ฃผ๊ณ ์ ๋นํ ์ด๋ฆ์ ์ฃผ์( <!-- facebook activity --> ) ๋ก ํ์ํด์ฃผ๋ฉด ๋ธ๋ก๊ทธ ๊ด๋ฆฌ์ ํ๋ฉด ์ค์ ์์ ์ฌ์ด๋๋ฐ ํ๋ฉด์ ํด๋น ์์ ฏ์ด ํ๋์ ๋ชจ๋์ฒ๋ผ ๋ฑ๋ก๋๊ฒ ๋๋ค. ์ด๋ ๊ฒ ๋ฑ๋ก๋ ๋ชจ๋์ ์ฝ๊ฒ ์์น๋ฅผ ๋ณ๊ฒฝํด์ค ์ ์๋ค.
โก ํธ์ํฐ์ ์์ ฏ ์ฌ์ฉํ๊ธฐ - Twitter Widgets
ํธ์ํฐ์ ์์ ฏ๋ ๋์ผํ๋ค. ์์ ์ด ๋ณด์ฌ์ฃผ๊ณ ์ถ์ ์์ ฏ ๋ด์ฉ์ ์ค์ ํ ๋ค์ ์ด์ ํด๋นํ๋ ์ฝ๋๋ฅผ ์ป์ด ํ์ด์ค๋ถ์ ์์ ฏ๊ณผ ๋ง์ฐฌ๊ฐ์ง๋ก HTML ์ฝ๋์ ํฌํจ์์ผ ์ฃผ๋ฉด ๋๋ค. ์์ ํ์ด์ค๋ถ ์์ ฏ๊ณผ ๋ง์ฐฌ๊ฐ์ง๋ก ์ฌ์ด๋๋ฐ ์ค์ ์ผ๋ก ๋ฑ๋กํ ๋ค์์ ์ฌ์ด๋๋ฐ ์ค์ ์์ ์์น๋ฅผ ์ ํด์ฃผ์ด๋ ๋๊ณ ์ฌ์ด๋๋ฐ๊ฐ ์๋ ๋ณธ๋ฌธ์ ํ์ํด์ฃผ๊ณ ์ถ๋ค๋ฉด ์ ์ ํ ์์น์ ๋ฃ์ด์ฃผ๋ฉด ๋๋ค.
ยถ Be social 3rd step - Comment component (๋๊ธ ๊ธฐ๋ฅ)
๊ธฐ๋ณธ์ ์ธ ๊ฐ๋ ์ ์กฐ๊ธ ๋ค๋ฅด์ง๋ง, ๊ธฐ๋ฅ์์ผ๋ก ํ์ด์ค๋ถ์ Like ๋ฐ ๊ณต์ ๊ธฐ๋ฅ๊ณผ ๋น์ทํ ํ๋ฌ๊ทธ์ธ์ด ์๋ค. Comments ๊ธฐ๋ฅ์ด๋ค. - Comments - Facebook Developers
์์ ํ์ด์ค๋ถ ๋ฒํผ์ ์ถ๊ฐํ ๋ ์ด์ง ๋ฒ๊ฑฐ๋ก์ด ๋ด์ฉ์ด์๋ ๋ธ๋ก๊ทธ ๊ณ ์ ์ฃผ์๋ง ์ฝ๋๋ฅผ ์ป์๋ค์์ ๋ฐ๊ฟ์ ๋ธ๋ก๊ทธ ๋ณธ๋ฌธ์ ์๋ซ๋ถ๋ถ, ํน์ ์ํ๋ ๋ถ๋ถ์ ๋ฃ์ด์ฃผ๋ฉด ๋๋ค. ์์ ์์ ฏ์ ๋ฃ์ ๋์ ๋ง์ฐฌ๊ฐ์ง๋ก ์ด๋ฏธ ์ฝ๋์ ์๋ถ๋ถ (JavaScript SDK) ๋ ํ๋ฒ ๋ฃ์ด์ฃผ๋ฉด ์ดํ ํ์ด์ค๋ถ์ ๊ด๋ จ๋ ๋ชจ๋ social plugin ์ ์๋์ ์ฝ๋๋ง ๋ฃ์ด์ฃผ๋ฉด ๋๋ค. ๊ณต์ ๊ธฐ๋ฅ๊ณผ ์กฐ๊ธ ๋ค๋ฅด๋ค๋ฉด, comments ๋ ๋ง๊ทธ๋๋ก ๋๊ธ์ ํด๋น ๋ธ๋ก๊ทธ์ ํ๋ฉด์์ ๋ณด์ฌ์ฃผ๋ ๊ฒ์ด ์ฃผ์ํ ๊ธฐ๋ฅ์ด๋ค. ์ฌ์ฉ์์ ํ์ด์ค๋ถ ๋ด๋ฒผ๋ฝ์ ๊ณต์ ํ๋ ๊ฒ์ด ๋ถ๊ฐ์ ์ธ ๊ฒ์ด๋ค. ๋ฐ๋ผ์ ์์ ์ ๋ด๋ฒผ๋ฝ์ ๊ณต์ ํ์ง ์๊ณ ๋ ๋๊ธ์ ๋จ๊ธธ ์ ์๋ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ ๊ฒ์ด๋ค.
์ด์ธ์๋ ๋ค์ํ ํ๋ฌ๊ทธ์ธ, ์์ ฏ์ ํฌํจํ ์ ์์ง๋ง ์๋ฆฌ๋ ๋ชจ๋ ๋์ผํ๋ค. ์ด๋ ๊ฒ ๊ตฌ์ฑํ์ฌ ์ถ๊ฐํ ๊ฒฐ๊ณผ๋ ๋ณธ ๋ธ๋ก๊ทธ์ ํ๋ฉด์ ๋ณด๋ฉด ์ฐธ๊ณ ํ ์ ์๋ค. ๊ทธ๋ฐ๋ฐ ์์ ์ค๋ช ํ ๋ธ๋ก๊ทธ ๊ณ ์ URL ์ ๋ํ ์ด์ผ๊ธฐ๋ฅผ ์ข๋ ์งํํ ํ์๊ฐ ์์ ๊ฒ ๊ฐ๋ค.
ยถ more social 1st step - sharing workflow
์ด๋ ๊ฒ ๊ตฌ์ฑ๋ ์์ ์ ๊ณต์ ๋ฒํผ์ ํ๋ฒ ์ํํด๋ณด์. ์์ ์ค๋ช ํ๋๋ก ์์ ์ ๊ณ ์ URL ์ฃผ์๊ฐ ์ ๋๋ก ๊ณต์ ๋๋์ง ์๋๋ฉด ๋ธ๋ก๊ทธ์ ๊ธ์ด ๋ณ๊ฒฝ๋๋ฉด ๋ฐ๋ ์ ์๋ ๊ฐ๋ณ ์ฃผ์์ธ์ง๋ฅผ ํ์ธํ๊ณ ์ ๋๋ก ์ํ๋ ์ฃผ์๊ฐ ๊ณต์ ๋๋์ง ํ์ธํ ํ์๊ฐ ์๋ค. ์ฐ์ ํธ์ํฐ์ ๊ฒฝ์ฐ๋ฅผ ํ์ธํด๋ณด์.
ํธ์ํฐ : ํธ์ํฐ์ ๊ฒฝ์ฐ ์์ ์ค์ ๋ง ์ ๋๋ก ํ๋ค๋ฉด, ๋ธ๋ก๊ทธ์ ๊ณ ์ ์ฃผ์๊ฐ ๋ฐ๋ก ํ์๋ ๊ฒ์ด๋ค. ์ฃผ์์ฐฝ์ ์ฃผ์๋ ํ์ด์ง 383 ์ ํ์ํ๋ ํํ์ด์ง๋ง, ํธ์ํฐ ํธ์ ๋ฒํผ์ ๋๋ฅด๋ฉด ๋ณ๋์ ์ฐฝ์ด ๋์์ ์ต์ํ ๊ณต์ ํ๋ฉด์ด ํ์๋๊ณ ๊ณต์ ๋๋ ์ฃผ์์ฐฝ์ ์ฃผ์๊ฐ ์๋ ๊ณ ์ ์ฃผ์์ธ ๊ฒ์ ํ์ธํ ์ ์๋ค.
ํธ์ํฐ์ ๊ฒฝ์ฐ ๋ณ ๋ฌธ์ ๊ฐ ์๋ค. ๊ณต์ ๊ฐ ํ ์คํธ ๊ธฐ๋ฐ์ด๊ธฐ ๋๋ฌธ์ ๋ณ๋๋ก ๋ฌธ์ ๋ ๊ฒ์ ์๊ธฐ ๋๋ฌธ์ด๋ค. ๊ทธ๋ ๋ค๋ฉด ์ด์ ๋ ํ์ด์ค๋ถ์ผ๋ก ๋์ด๊ฐ์. ์ผ๋ฐ์ ์ผ๋ก ํ์ด์ค๋ถ ๋ฒํผ์ ๋๋ฅด๋ฉด ๋ค์ํ ํํ์ ๊ณต์ ํ๋ฉด์ ๊ฒฝํํ๊ฒ ๋๋ค. ์์ ํธ์ํฐ์ฒ๋ผ ๋ณ๋์ ์ฐฝ์ด ๋ ์ ๊ณต์ ํ ์ ์๋๋ก ํ๋ ๋ฐฉ์์ด ์๊ณ , ์์ HTML5 ํํ๋ก ๊ณต์ ๋ฒํผ์ ์ถ๊ฐํ๊ฒ ๋๋ค๋ฉด ํ์ด์ง ์์์ ๋ฒ๋ธฅ ํ์ฒ๋ผ ๊ณต์ ํ ์ ์๋ค. ์ด๋ค ๋ฐฉ์์ด๋ ๊ณต์ ํ๋ ๊ธฐ๋ฅ์๋ ๋ค๋ฅด์ง ์๊ธฐ ๋๋ฌธ์ ์ด ๋ถ๋ถ์ ๊ทธ๋ฆฌ ํฌ๊ฒ ๊ณ ๋ฏผํ์ง ์์๋ ๋ ๊ฒ์ด๋ค. ๋จผ์ ๊ณ ์ ์ฃผ์๊ฐ ์ ๋๋ก ๊ณต์ ๋๋์ง๋ฅผ ๊ณต์ ํ๋ฉด์ ์ค๊ฐ์์ ํ์ธํ ์ ์๋ค.
๋จ์ํ ์ฃผ์๋ง ๊ณต์ ํ ์๋ ์์ ์ ์๊ฒฌ์ ์ถ๊ฐํด์ ๊ณต์ ํ ์ ์๋ค. ์์ ๊ณต์ ๋ด์ฉ์ด ๊ทธ๋๋ก ์์ ์ ๋ด๋ฒผ๋ฝ์ ๊ณต์ ๋๋ ๋ด์ฉ์ด ๋๋ค. ์ฆ, ์ด๋ฏธ์ง, ์ ๋ชฉ, ๊ณต์ URL, ๊ทธ๋ฆฌ๊ณ ๊ฐ๋จํ ๋ด์ฉ์ผ๋ก ๊ตฌ์ฑ๋๋ ํ์ด์ค๋ถ์ ๊ณต์ ๋ด์ฉ์ ๋ณด๋๋๋ก ๊ณต์ ํ ์ ์๊ฒ ๋๋ค.
๊ตฌ๊ธํ๋ฌ์ค (Google+) ์ ๊ณต์ ํ๋ฉด๋ ํ์ด์ค๋ถ์ ๊ณต์ ํ๋ฉด๊ณผ ๋น์ทํ ํํ์ด์ง๋ง ์กฐ๊ธ์ ๋ค๋ฅธ ๋ถ๋ถ์ ํ์ธํ ์ ์๋ค. ํ๋ฉด์ด ์กฐ๊ธ์ ์์ํ๋ ํฌ๊ณ ์์ ์ ๋ก๊ทธ์ธ ๋์ด ์๋ ์ฅ๋ฉ์ผ ์์ด๋์ ํจ๊ป ํ์ด์ค๋ถ๊ณผ ๋ง์ฐฌ๊ฐ์ง๋ก ์ด๋ค ๋ด์ฉ์ ๊ณต์ ํ ์ง์ ๋ํ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ฅผ ํ์ธํ ์ ์๋ค. ๊ทธ๋ฐ๋ฐ ์กฐ๊ธ์ ๋ค๋ฅธ ๋ถ๋ถ์ ์์ ์ด ๊ณต์ ํ๋ ค๊ณ ํ๋ ๋ํ ์ด๋ฏธ์ง๋ฅผ ์ ํํ ์ ์๋ค๋ ์ ์ด๋ค. ์ด์ธ ๊ตฌ๊ธํ๋ฌ์ค์ ์ฅ์ ์ธ ์ํด ๊ธฐ๋ฅ์ ํตํด์ ์์ ์ด ๊ณต์ ํ๊ณ ์ ํ๋ ๋์์ ๋ฐ๋ก ์ ํํ ์ ์๋ ๋ฑ์ ์กฐ๊ธ์ ์ฐจ์ด์ ์ ํ์ธํ ์ ์๋ค.
๊ณต์ ์ผ ์ด๋ป๊ฒ ๋๋ , ๊ณต์ ๋ง ์๋๋ฉด ๋๋ ๊ฒ ์๋๊น? ํ๊ณ ๊ทธ๋ฅ ๋ง์กฑํ๋ฉฐ ์ด๋ค๊ฐ ์ธ์ ๋ถํฐ์ธ๊ฐ ๋ค๋ฅธ ์ฌ๋๋ค์ด ๊ณต์ ํ ๋ด ๋ธ๋ก๊ทธ ๊ธ๋ค์ด ๊ณต์ ๋ ๋ ์ ํ ์๋ฑํ ์ด๋ฏธ์ง (ํ์์๋ ์ ํ ๋ณด์ด์ง ์๋ ํธ๋๋ฐฑ ์ฃผ์๋ผ๋ ์์ ํฌ๊ธฐ์ GIF ์ด๋ฏธ์ง)๊ฐ ๋ํ ์ด๋ฏธ์ง๋ก ํ์๋๋ ๊ฒ์ด๋ค. ์ด๋ฐ ํ์์ ์ด๋ ต์ง ์๊ฒ ํ์ธํ ์ ์๋๋ฐ ์ข ์ข ๋๊ตฐ๊ฐ ๊ณต์ ํ ๋งํฌ๋ฅผ ๋ณด๋ฉด ๋ค์๊ณผ ๊ฐ์ด ๋ํ ์ด๋ฏธ์ง๊ฐ ๊ธ์ ๋ด์ฉ๊ณผ ์ ํ ์ด์ธ๋ฆฌ์ง ์๊ฑฐ๋, ๋ธ๋๋ ์ด๋ฏธ์ง ๋๋ก๋ ์ฌ์ง์ด ๊ด๊ณ ๋ก ํ์๋๋ ์ด๋ฏธ์ง๊ฐ ํ์๋๋ ๊ฒฝ์ฐ๊น์ง ๋ณด๊ฒ ๋๋ค.
๋ณ ์ ๊ฒฝ ์ฐ์ง ์๋ ์ฑ๊ฒฉ์ด๋ผ๋ฉด ๋ฌธ์ ๊ฐ ์๊ฒ ์ง๋ง, ์์ ์ ๋ธ๋ก๊ทธ๊ฐ ์๋ฑํ ์ด๋ฏธ์ง๋ก ํ์๋๋ค๋ ๊ฒ์ ๋ญ๊ฐ ์ด์ํ๋ค. ๊ทธ๋ฐ๋ฐ ์์ ๊ณต์ ํ๋ ๊ณผ์ ์ ์๊ฐํ ๊ฐ์ฅ ํฐ ์ด์ ๋ ํ์ด์ค๋ถ๊ณผ ๊ตฌ๊ธํ๋ฌ์ค์ ์ฐจ์ด์ ์ ํํํ๊ธฐ ์ํ ๊ฒ์ด์๋ค. ๊ตฌ๊ธํ๋ฌ์ค์ ๊ฒฝ์ฐ ์์ ์ ๋ํ ์ด๋ฏธ์ง๋ฅผ ์ ํํ ์ ์์ ๋ฟ๋ง ์๋๋ผ ์๋นํ ์์ ์ด ์ํ๋ ์ด๋ฏธ์ง๋ฅผ ์ ์ ํํ๋ ๊ฒฝํฅ์ด ์์ง๋ง, ํ์ด์ค๋ถ์ ์๋น ๊ธฐ๊ฐ ์๋ฑํ ์ด๋ฏธ์ง'๋ง' ํ์๊ฐ ๋๊ณ ๋ถ๋ช ๋ณธ๋ฌธ์ ์กด์ฌํ๋ ์ด๋ฏธ์ง๋ค์ ์ฌ์ฉํ์ง๋ ์๊ณ , ์ด๋ฌํ ๊ฒฐ๊ณผ๋ก ํ์ด์ค๋ถ์ ๊ณต์ ๋ ์ด๋ฏธ์ง(thumbnail)์ ์ํ์ง ์๋ ์ด๋ฏธ์ง๋ก ๊ฐ๋์ฐจ๊ฒ ๋์๋ค.
ยถ more social 2nd step - open graph
๊ฐ๋ฅํ๋ค๋ฉด ๋ณธ๋ฌธ์ ๋ด์ฉ ์ค ๊ฐ์ฅ ์ ๋นํ ๋ํ ์ด๋ฏธ์ง๋ก ๊ธ์ ํ์ํ๊ณ ์ถ๊ฑฐ๋, ๊ทธ๊ฒ์ด ์ ์ด๋ ต๋ค๋ฉด ์์ ์ ๋ธ๋ก๊ทธ๋ฅผ ๋ํ๋ด๋ ๋ํ ์ด์ง๋ง๋ก ํ์ํ๋ ๊ฒ์ ์ ํธํ ๊ฒ์ด๋ค. ์์ ๋ณด์ง๋ ์์๋ ์๋ฏธ์๋ ์ด๋ฏธ์ง๊ฐ ๋ด ๋ธ๋ก๊ทธ์ ๋ํ ์ด๋ฏธ์ง๊ฐ ๋๋ ๊ฒ์ ๋ง์ ์ฌ๋๋ค์ ์ํ์ง ์์ ๊ฒ์ด๋ค. ๊ตฌ๊ธํ๋ฌ์ค์ ๊ฒฝ์ฐ ์ด๋ฐ ๋ฌธ์ ๋ฅผ ๋ณ๋์ ์ค์ ์์ด ๊ณต์ ๊ณผ์ ์์ ๊ฐํธํ๊ฒ ์กฐ์ ํ ์ ์๋๋ก ๋์์ค๋ค. ๊ทธ๋ฌ๋ ํ์ด์ค๋ถ์ ๊ฒฝ์ฐ ๋ํ ์ด๋ฏธ์ง๋ฅผ ์ค์ ํ๊ฑฐ๋ ์ฌ์ง์ด ์กด์ฌํ๋ ์ด๋ฏธ์ง ์ค์ ์ ํํ ์๋ ์์ ๋๊ฐ ์๋ค. ๋ฌธ์ ๋ ์ด๋ ๊ฒ ๊ณต์ ํ ๋ ํด๋น URL ์ ์ด๋ค ์ด๋ฏธ์ง๋ก ๋ํํ๊ณ , ์ด๋ค ๋ด์ฉ์ผ๋ก ์ค๋ช ํ๊ณ , ์ด๋ค ์ฃผ์๋ฅผ ํ์ํ์ฌ ๋ณด์ฌ์ค ๊ฒ์ธ์ง์ ๋ํ Protocol ์ด ์กด์ฌํ๋ค๋ ๊ฒ์ด๋ค.
๋ณ๋์ ์ค์ ์ ํด์ฃผ์ง ์๋ ๊ฒฝ์ฐ์๋ ํด๋น ํ์ด์ง ์ค์์ ์ ๋นํ ์ด๋ฏธ์ง์ ๋ด์ฉ์ ์์์ ์ง์ ํ๊ฒ ๋๋๋ฐ ๊ตฌ๊ธํ๋ฌ์ค์ ๊ฒฝ์ฐ์๋ ์ด๋ฐ ๊ฒฝ์ฐ ์ ํํ ์ ์๋ ๋ฐฉ๋ฒ๊ณผ ์ด๋ฏธ์ง์ ์ ํ์ ์ฌ์ฉ์๊ฐ ์ํ๋ ๋ฐฉ์์ผ๋ก ์ ํํ ์ ์๋๋ก ๋์์ฃผ์ง๋ง, ํ์ด์ค๋ถ์ ๊ฒฝ์ฐ์๋ ํ์ด์ง์ ๋ฐ๋ผ์ ์ ๋๋ก ์ด๋ฌํ ์ด๋ฏธ์ง๋ ๋ด์ฉ์ ์ฝ์ด๋ค์ด์ง ์์์ ์๋ฑํ ๋ด์ฉ (์ฌ์ด๋๋ฐ์ ์นดํ ๊ณ ๋ฆฌ ๋ฑ...) ๊ณผ ์ด๋ฏธ์ง๋ฅผ ์ถ๋ ฅํ๋ค. ๊ตฌ๊ธํ๋ฌ์ค๋ ๋ฌธ์ ๊ฐ ์๋์ง๋ง ํ์ด์ค๋ถ์ ๊ฒฝ์ฐ, ์ฐจ๋ผ๋ฆฌ ์๋ฑํ ์ด๋ฏธ์ง๋ฅผ ์ฝ์ด๋ค์ด์ง ์๋๋ก ๋ธ๋ก๊ทธ์ ๋ํ ์ด๋ฏธ์ง์ ๋ํ ๋ด์ฉ ๋ฑ์ ์ง์ ํ ํ์๊ฐ ์๋ ๊ฒ์ด๋ค. ์์ Open Graph Protocol ์์๋ ์ด๋ฌํ ๊ฒฝ์ฐ๋ฅผ ์ํด metadata ๋ฅผ ์ง์ ํ ์ ์๋๋ก ํ๋๋ฐ ๋ธ๋ก๊ทธ์ <HEAD> ๋ถ๋ถ์ ํด๋น ๋ด์ฉ์ ์ถ๊ฐํ ์ ์๋ค.
ํ์ด์ค๋ถ์ Like ๋ฒํผ์ ๋ง๋ค ๋ ์กฐ๊ธ ๋ ๋ด๋ ค๊ฐ๋ฉด ํด๋น ๋ด์ฉ์ ํ์ธํ ์ ์๊ณ ์ํ๋ ์ด๋ฏธ์ง, ๋ด์ฉ, ์ค๋ช ๋ฑ์ ์ถ๊ฐํด์ ์ฝ๋๋ฅผ ๋ง๋ค ์ ์์ง๋ง, ์์ฃผ ๊ฐ๋จํ๊ฒ ์์ Open Graph Protocol ํ์ด์ง์ ๋ด์ฉ์ผ๋ก ๋ ์์ธํ ํ์ธํ ์ ์๋ค. ๋ง์ฝ ์ํ๋ค๋ฉด ์กฐ๊ธ ํ๋ก๊ทธ๋๋ฐ ๊ธฐ์ ์ ๋์ ํ๋ค๋ฉด, ํด๋น ํ์ด์ง ์ค ๊ฐ์ฅ ๋จผ์ ๋ก๋ฉ๋ ์ด๋ฏธ์ง ํน์ ์ ๋นํ ์ฌ์ด์ฆ์ ์ด๋ฏธ์ง ์ค๋ฅผ og:image ์ ๊ฐ์ผ๋ก ์ง์ ํ๋ ์คํฌ๋ฆฝํธ๋ฅผ ๋ง๋ ๋ค๋ฉด, ๊ฐ ๋ธ๋ก๊ทธ ๋ณธ๋ฌธ๋ง๋ค ๋ค๋ฅธ ์ด๋ฏธ์ง๋ฅผ ๋ณด์ฌ์ค ์ ์์ ๊ฒ์ด๋ค.
๊ทธ์ ๋ ๋ถ๊ท์ํ๋ฅผ ๋๋ฆฌ๊ณ ์ถ์ง๋ ์์์ ์ด๋ฏธ์ง๋ ๋ธ๋ก๊ทธ ๋ํ ์ด๋ฏธ์ง๋ก ์ง์ ํ์ง๋ง ๋ณธ๋ฌธ ๋ด์ฉ์ ๋ฐ๋ผ์ ๋ด์ฉ์ ๋ณํ์ํค๊ธฐ ์ํด์ ๋๋จธ์ง ์ต์ ์ ์ง์ ํด์ฃผ์ง ์์๋ค. ํน์ open graph ๊ฐ ์๋ ์ผ๋ฐ์ ์ธ link ํ๊ทธ๋ฅผ ํตํด์๋ ๊ฐ์ ํจ๊ณผ๋ฅผ ๊ธฐ๋ํ ์ ์๋ค.
<link rel="image_src" href="... ... " />
๋ฅผ <HEAD> ๋ถ๋ถ์ ์ถ๊ฐํด์ฃผ๋ฉด ํด๋น ๋ธ๋ก๊ทธ์ ๋ํ ์ด๋ฏธ์ง๋ฅผ ์ง์ ํด์ค ์ด๋ฏธ์ง๊ฐ ๋ํํ ์ ์๋๋ก ํ ์ ์๋ค. ์ด๋ ๊ฒ ์ง์ ์ ํ๋ค๋ฉด ๊ธฐ์กด์ ๋งํฌ๋ ์ด๋ฏธ์ง๋ค์ ํ๋ฒ ๋งํฌ๋์๊ธฐ ๋๋ฌธ์ ๊ตฌ์ ๋ถ๋ฅ์ธ ๊ฒ์ธ๊ฐ? ์์ ์ ์๋ชป๋ ์ด๋ฏธ์ง๋ก ๊ณต์ ๋ ํ์ด์ง๊ฐ ์๋ค๋ฉด ํ์ด์ค๋ถ์ Debugger ํด์ ํตํด ๊ณ ์น ์ ์๋ค.
Debugger - Facebook Developers
์์ ๋๋ฒ๊ฑฐ ํด์ ๋ค์ด๊ฐ์ ๊ณ ์น๊ณ ์ถ์ ๋ธ๋ก๊ทธ ์ฃผ์๋ฅผ ์ ๋ ฅํ๋ฉด, ๋ณ๊ฒฝ๋ ๋ํ ์ด๋ฏธ์ง๋ก ๋ณ๊ฒฝ๋์ด์ ๊ฐฑ์ ํด์ค๋ค. ์ดํ ํด๋น ์ฃผ์๋ก ๊ณต์ ๋ ํ์ด์ค๋ถ์ ๋ชจ๋ ๊ณต์ ์ด๋ฏธ์ง์ ๋ด์ฉ์ ๊ฒฐ๊ณผ์์ ํ์๋ ๋ด์ฉ์ผ๋ก ๋ณ๊ฒฝํด์ ๋ณด์ฌ์ค๋ค.
๋ง์ฝ Open Graph ๋ฉํ๋ฐ์ดํฐ๋ฅผ ์ฌ์ฉํ๊ฒ ๋๋ค๋ฉด ํ์ด์ค๋ถ์ Infer (์ถ๋ก ) ํด์ ์ ๋นํ ๋ด์ฉ์ ์ถ์ถํ์ง ์๊ณ ์ง์ ๋ ๋ด์ฉ์ ์ง์ ํ ๊ฒ์ด๋ค. ์ด๋ป๊ฒ ๋ณด์ฌ์ค ๊ฒ์ธ์ง๋ ์์ ์ด ์ ํํด์ผ ํ ๊ฒ์ด๋ค.
ยถ Think social 1st step - Statistical meaning
์ผ๋ง๋ ์ฌ๊ต์ ์ด๋ ๋ผ๋ ์ธก๋ฉด์ ํ๊ฐํ ๋๋ ๊ด๊ณ์ ์ง(quality)๋ฅผ ๋ ๋์ ์(quantity)๋ก ์๊ฐํ๋ ๊ฒ์ด ์ฐ์ ์ผ ๊ฒ์ด๋ค. ์์ ์ ๋ธ๋ก๊ทธ๊ฐ ์ผ๋ง๋ social ํ์ง์ ๋ํด์ ํ๊ฐํ๊ธฐ ์ํด์๋ ๋ค์ํ ๋ฐฉ๋ฒ์ด ํ์ํ ๊ฒ์ด๋ค. ๊ฐ์ฅ ์ฐ์ ์ด ๋๋ ๊ฒ์ ์ผ๋ง๋ ๋ง์ ์ฌ๋๋ค์ด ๋ฐฉ๋ฌธํ๋๊ฐ๋ฅผ ์๊ฐํ ์ ์๊ณ , ์ด๋ป๊ฒ ๋ฐฉ๋ฌธํ๋๊ฐ, ๋ฐฉ๋ฌธํ ๋์ ๋ชฉ์ ์ด ๋ฌด์์ธ๊ฐ์ ๋ฐ๋ผ์ ๋ธ๋ก๊ทธ์ ์ฑ๊ฒฉ๊ณผ ๋ฐฉํฅ์ด ์ ํด์ง ์ ์์ ์๋ ์๋ค. ๊ทธ๋ฐ ์ธก๋ฉด์์ ๊ฐ์ฅ ์ข์ ๋๊ตฌ๋ ๋ฐฉ๋ฌธ ํต๊ณ๋ฅผ ๋ถ์ํ๋ ๋ฐฉ๋ฒ์ผ ๊ฒ์ด๋ค.
์น์์์ ๊ฐ์ํ์ - URL Shorten & Google Analytics
์์ ๋ธ๋ก๊ทธ ๋ด์ฉ์ผ๋ก ์ด๋ค ๋ฐฉ์์ผ๋ก ํต๊ณ ์ถ์ ์ (tracker)๋ฅผ ์ค์นํด์ ์ฌ์ฉํ ์ ์๋์ง์ ๋ํด์ ์๊ฐํ๋ค. ๋ธ๋ก๊ทธ ์์ฒด ์๋น์ค๋ ์์ ์ ๋ธ๋ก๊ทธ๋ฅผ ์ด๋ค ํค์๋์ ์ด๋ค ๊ฒฝ๋ก (referral) ๋ก ๋ค์ด์๋์ง์ ๋ํด์ ์๋ ค์ฃผ๊ธฐ๋ ํ๋ค. ๊ทธ๋ฆฌ๊ณ Google Analytics ๋ฅผ ํตํด์ ๋ ์ ๋ฐํ๊ฒ ๊ฒํ ํ ์ ์๋ค. ์๋ฅผ ๋ค์ด ํน์ ๋ธ๋ก๊ทธ ๋ด์ฉ์ ์ด๋์ ๋ ์ฌ๋๋ค์ด ๋ค์ด์ค๊ณ , ์ด๋์ ๋ ์๊ฐ์ ๋จธ๋ฌผ๋ฌ ์๋์ง, ๊ทธ๋ฆฌ๊ณ ์ด๋ ์ ๋ ๋ฐฉ๋ฌธ์๋ค์ด ๋ค์ ์ฌ ๋ฐฉ๋ฌธํด์ ๋ค์ด์ค๋์ง, ๊ทธ๋ฆฌ๊ณ ํด์๋, ์ด๋ค ๊ธฐ๊ธฐ๋ฅผ ํตํด์ ๋ค์ด์ค๋์ง์ ๋ํด์ ํ์ธํ ์ ์๋ค. ๊ฐ์ธ์ ์ผ๋ก ๋ธ๋ก๊ทธ์ ๊ด๊ณ ๋ฅผ ํตํด์ ์์ ์ ์ฌ๋ฆฌ์ง ์์ง๋ง, ๋ธ๋ก๊ทธ๋ฅผ ํตํด ๊ด๊ณ ์์ ์ ์ฌ๋ฆฌ๋ ๊ฒฝ์ฐ์๋ ์ด๋ฌํ ์ ์ ํค์๋๋ ์ข์ ์ ๋ณด๊ฐ ๋์ด์ค๋ค. ๋ํ ์ด๋ค ๊ฒฝ๋ก์ ๋ ๋ง์ ๊ธ์ ์๊ฐํ๋ ๋ฑ์ ์ ๋ต์๋ ๋์์ด ๋ ๊ฒ์ด๋ค.
์ด๋ฐ ์ธก๋ฉด์์ Google Analytics ๋ฅผ ์ด์ฉํ๋ ๊ฒ์ ์์ ์ ๋ธ๋ก๊ทธ๊ฐ social network ์์์ ์ด๋ค ์๋ฆฌ๋งค๊น์ ํ๊ณ ์๋์ง์ ๋ํ ์๊ฐ์ ํด๋ณผ ์ ์๋ ์๋ฃ๋ค์ด ๋ ์ ์์ ๊ฒ์ด๋ค. ์ค์ ๋ก Google Analytics ์์๋ social network ์๋น์ค๋ฅผ ํตํด ์ ์ ๋ ๋ฐฉ๋ฌธ์์ ๋ํ ํํฐ ๊ธฐ๋ฅ๋ ์ ๊ณตํด์ฃผ๊ธฐ ๋๋ฌธ์ ์ด๋ฐ ๋ถ๋ถ์ ๋ํ ์ธ๋ฐํ ๊ฒํ ๋ ๊ฐ๋ฅํ๋ค. ์ด๋ฌํ ํต๊ณ์ ์๋ฃ๊ฐ ๋์ด์ค ์ ์๋ ์๋น์ค๊ฐ ๋ฐ๋ก ํ์ด์ค๋ถ์์ ์ด์ํ๋ Facebook Insights ์ด๋ค.
๊ฐ์ธ์ ์ทจํฅ์ ์๋์ง๋ง, ํ์ด์ค๋ถ์ ์ข์ ๊ด๊ณ ๋ง์ผํ ๋๊ตฌ๋ก ์๊ฐํ๋ ์ฌ๋๋ค์๊ฒ๋ ์ข์ ์ ๋ณด๊ฐ ๋์ด ์ค ๊ฒ์ด๋ค. ํนํ ํ์ด์ค๋ถ ์์์ ์ด๋ฃจ์ด์ง๋ ๋ฐ์, ๋๊ธ ๋ฑ์ ๋ํ ํต๊ณ๋ฅผ ํ์ธํ ์ ์์ด์ ์ด๋ค ๋ธ๋ก๊ทธ ๋ด์ฉ์ด ์ฌ๋๋ค์๊ฒ ๊ด์ฌ์ ์ป์ด๊ฐ๋์ง ํ์ธํ๋๋ฐ ๊ด์ฐฎ์ ์งํ๊ฐ ๋ ์ ์์ ๊ฒ์ด๋ค.
ยถ Think social 2nd step - Meaning of social
๊ฐ์ธ์ ์ผ๋ก ๋ธ๋ก๊ทธ๊ฐ ๋๋ฒ์ด์ ์ข์ ์๋จ์ด ๋๋ค๋ ๊ฒ์ ๋ํด์ ๋ฐ๋ํ์ง ์๋๋ค. ์ด๋ป๊ฒ ๋ณด๋ฉด ํ๋ช ํ ๊ฒ์ด๋ค. ์ฒด์ค ์กฐ์ ์ ์๋ํ๋ ์ฌ๋๋ค์๊ฒ ๋น๋ถํ๋ ํ๊ฐ์ง ์ค์ ํ๋๊ฐ ๋ฐ๋ก "์ฒด์ค์ ๋งค์ผ ์ธก์ ํ์ง ๋ง๋ผ"๋ผ๋ ๊ฒ์ด๋ค. ์์ ์ ๋ธ๋ก๊ทธ์ social network ๋ฒํผ๊ณผ ๋ค์ํ ๋๊ตฌ๋ฅผ ์ฌ์ฉํ๋ฉด์ ์ด์ผ๊ธฐํ๋ ์ง๋ฌธ ์ค์ ํ๋๊ฐ ์ ํ์๋๋ ์ซ์๊ฐ ํญ์ ๋ค๋ฅด๋๋ผ๋ ์ง๋ฌธ์ด๋ค. ์ฌ์ค ๊ตฌ๊ธํ๋ฌ์ค์ ๊ฒฝ์ฐ ๊ทธ๋ฐ ์ซ์์ ๋ถ์ผ์น๊ฐ ๊ทธ๋ค์ง ํํ ์์ ๊ฒ์ด ๋ ์ ๊ธฐํ๋ฐ, ํ์ด์ค๋ถ์ ๊ฒฝ์ฐ์๋ ๊ฐ์ ๋ธ๋ก๊ทธ์์ ๋ฒํผ์ ๋ณด์ด๋ ์ซ์์ ์์ ฏ์ ๋ณด์ด๋ ์ซ์๊ฐ ๋ค๋ฅผ ๋๋ ์๊ณ , ๋๋ก๋ ๋๊ตฐ๊ฐ ์ข์์๋ฅผ ๋๋ ๋ค๋๋ฐ ๋ช์ผ ์๋ค์ค๋ฉด ์ฌ๋ผ์ ธ ์๊ณ ๊ทธ๋์ ๊ทธ ์ฌ๋์ด ์ค์ ๋ก ์ข์์๋ฅผ ์ทจ์ํ๋์ง ํ์ธํ๋ ์ฌ๋์ ๋ณธ ๊ฒฝํ์ด ์๋ค.
๋ญ ๊ฐ์ธ์ ์ฑ๊ฒฉ์ด๋ ๋ญ๋ผ๊ณ ๋๋ตํ ์ ์์ง๋ง social network ์ ๋๊ธ๊ณผ ์ข์์, +1 ์ด ๋ธ๋ก๊ทธ ๋ด์ฉ์ ํ๊ฐํ๋ ์ฃ๋๊ฐ ์ ๋ ์๋๋ผ๋ ๊ฒ๊ณผ ์ ๋ ์ซ์์ ๋ํด์ ๋ฏผ๊ฐํ์ง ์์์ผ๋ฉด ํ๋ ์๊ฐ์ ๋ง์ด ํ๊ฒ ๋๋ค. ์ฐ๋ฆฌ ์๋๋ฅผ ํ์ฐธ ๋ ๋ค์ํ๊ฒ ํ๋ ์์ ํ์ ๋ธ๋ก๊ทธ์ ๋ํ ์ด๋ง, ๊ทธ๋ฆฌ๊ณ ์์ ์ ๋ชฉ์ ์ ์ด๋ฃจ๊ธฐ ์ํ ๋ธ๋ก๊ทธ์ ๋๊ตฌ์ ๋ณ์ง์ ๊ฒฐ๊ตญ ๋ธ๋ก๊ทธ๋ ์๋ณธ์ ์ฑ์ทจ๋ฅผ ์ํด ์ข์ ๋ฏธ๋ผ๊ฐ ๋์ด๋ฒ๋ฆฌ๋ ์ํ๊ฐ์ด ๋ณ์ง์ ๋ณด๊ฒ ๋์๋ค. ์์ฆ์ ์ด๋ค ๋ด์ค ํ์ด์ง๋ฅผ ๊ฐ๋, ์ด๋ค ๋ธ๋ก๊ทธ๋ฅผ ๋ค์ด๊ฐ๋ ๋ณธ๋ฌธ์ ๋ด์ฉ๋ณด๋ค ๊ด๊ณ ์ ๋ ๋์ด ๊ฐ๊ฒ ๋๊ณ ๊ด๊ณ ๊ฐ ์ฐจ์งํ๋ ๋น์จ์ ์ ์ ์ฆ๊ฐํ๊ณ ์ด์ ๋ ๋ณธ๋ฌธ์ ๋ด์ฉ์ ์ง์คํ ์ ์๋ ์ฌ๋ฆฌ์ ์ํ๋ ํ๋ค์ด ๋ฒ๋ฆฌ๋ ๊ฒฝ์ฐ๊ฐ ๋ ๋ง๋ค๋ ๋๋์ด ๊ณ์ ๋ ๋ค.
๊ฐ์ธ์ ์ผ๋ก ์ธ์ ๋ถํฐ์ธ๊ฐ ๋ธ๋ก๊ทธ์ ๋ด์ฉ์ด ๊ธธ์ด์ง๊ธฐ ์์ํ๋ค. ๊ทธ๋ฐ๋ฐ ์ข ์ข ๊ธ์ด ๊ธธ๋ค๊ณ ์์ฝ์ด๋ ์์ ์ ์๊ตฌํ๋ ๊ฒฝ์ฐ๋ ๋ฃ๊ฒ ๋๋ค. ๊ฐ๋ณ๊ฒ ๊ทธ๋ฐ ์๊ตฌ์ ๋ํด์ ์ธ๋ฉดํ์ง๋ง, ๊ทธ ๊ธด๊ธ์ ๋ํ ์ค์ค๋ก์ ์ฑ ์๊ฐ์ฒ๋ผ ๋ณธ๋ฌธ์ ๋ด์ฉ์ ์ง์คํ์ง ๋ชปํ๋ ์์๋ค์ ์ ๊ฑฐํ๋ ค๊ณ ๋ ธ๋ ฅํ๊ณ , ๊ฐ๋ฅํ๋ฉด ์ข ๋ ๋ด๊ฐ ์ฐ๊ณ ์ถ์ ์์ฒด์ ๊ธ์ ๋จ๊ธฐ๋๋ฐ ์ง์คํ๊ณ ์ถ๋ค. ๊ทธ๋ฐ ์ธก๋ฉด์์ ๋ชจ๋ ์ ๋ณด๊ฐ ๋ํ๋์ด ํน์์์ด ๋จํธ์ ์ผ๋ก ํ๋ฌ๊ฐ๋ ๋ธ๋ก๊ทธ๋ฅผ ์ง์ํ๊ณ ๋ค์ ๊ธธ์ง๋ง ์๊ฐ์ ํ๋ฆ ์์์ ์๋ฌด๋ฆฌ ์์ ํ๊ณผ ๋ด์ฉ์ด๋ผ๋ ๋ง์ ์๊ฐ๊ฑฐ๋ฆฌ๋ฅผ ์ ๊ณตํด์ฃผ๊ณ ์ถ์ ๊ฒ์ด ๋ณธ ๋ธ๋ก๊ทธ๋ฅผ social network ์ ์ฐธ์ฌ์ํค๋ฉฐ ๋ฐ๋ผ๋ ์ ์ด๋ค.
- ## ์ฌ์ด๋ฅผ ๋์ด๋์์. ๋ถ์ด๋ฉด ๋ธ๋ก๊ทธ์์์ ๋ณ์๋ก ์์ฉํ๊ธฐ ๋๋ฌธ์ด๋ค. [๋ณธ๋ฌธ์ผ๋ก]
'์์คํ ์ก์ค' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
์ปจํ ์คํธ๋ฅผ ์๊ฐํ๋ค - ๋ชจ๋ฐ์ผ UI ๋ฅผ ๋ฐ๋ผ๋ณด๋ค. (0) | 2013.08.16 |
---|---|
์ฑ ๋์์ธ์ ๋ฐ๊ฒฌ - ๋ฉ๋ชจ ์๋น์ค๋ฅผ ์๊ฐํ๋ค. (2) | 2013.08.08 |
Stay Updated - ์ต์ ๋ฐ์ดํฐ ์ ์งํ๊ธฐ (0) | 2013.08.06 |
๋ธ๋ก๊ทธ ๊พธ๋ฏธ๊ธฐ - CSS ์ ์ต์ํด์ง๊ธฐ (0) | 2013.03.14 |
์์ ๋ง์ ๋๋ฉ์ธ์ ์ฌ์ฉํ์ - Custom Domain Service (0) | 2013.03.11 |
๊ทธ๋ํ์์น - ๊ด๊ณ ์ค์ฌํ ๊ฒ์์์ง์ ๊ฟ๊พธ๋ค (3) | 2013.02.01 |