๋ธ”๋กœ๊ทธ ๊พธ๋ฏธ๊ธฐ - Be social

์‹œ์Šคํ…œ ์žก์„ค  |   2013. 3. 20. 22:00

๋ธ”๋กœ๊ทธ๋ฅผ ์–ด๋Š ์ •๋„ ์ž์‹ ์˜ ์ž…๋ง›์— ๊พธ๋ฏธ๊ณ  ๋‚˜๋ฉด ์ด์ œ ๋ธ”๋กœ๊ทธ๋ฅผ ์‚ฌ๋žŒ๋“ค๊ณผ ๊ณต์œ ํ•˜๊ฑฐ๋‚˜, ๋…์ž๋“ค์ด ์ž์‹ ์˜ ๋ธ”๋กœ๊ทธ ๋‚ด์šฉ์„ ์‰ฝ๊ฒŒ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๊ธฐ ์›ํ•  ๊ฒƒ์ด๋‹ค. ์†Œ์œ„ 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 ์ด ์กด์žฌํ•œ๋‹ค๋Š” ๊ฒƒ์ด๋‹ค. 


The Open Graph 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 ์— ์ฐธ์—ฌ์‹œํ‚ค๋ฉฐ ๋ฐ”๋ผ๋Š” ์ ์ด๋‹ค. 



  1. ## ์‚ฌ์ด๋ฅผ ๋„์–ด๋†“์•˜์Œ. ๋ถ™์ด๋ฉด ๋ธ”๋กœ๊ทธ์ƒ์—์„œ ๋ณ€์ˆ˜๋กœ ์ž‘์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. [๋ณธ๋ฌธ์œผ๋กœ]