Å×Å©³ëÆ® ±¸¹öÀü¿¡ SNS¿¬µ¿ ±â´É Àû¿ë¹æ¹ý
¾È³»
Å×Å©³ëÆ®¿¡ SNS ¿¬µ¿±â´ÉÀ» ¿øÈ°ÇÏ°Ô Àû¿ëÇÏ·Á¸é TECHNOTE7.5 ¹öÀüÀ¸·Î ¾÷±×·¹À̵å ÇØ¾ß ÇÕ´Ï´Ù. ±×·¯³ª ¿©·¯°¡Áö ÆÄÀÏ º¯°æÀÛ¾÷À» ÅëÇØ¼ Á¦ÀÛµÈ È¨ÆäÀÌÁö´Â Àü¸éÀûÀÎ ¾÷±×·¹À̵尡 ½±Áö ¾Ê½À´Ï´Ù. Àüü ¾÷±×·¹ÀÌµå ¾ÈÇÑ´Ù, ´ÜÁö TECHNOTE7.5 ¿¡ µé¾î ÀÖ´Â SNS¿¬µ¿ ºÎºÐÀ» ÇöÀç »ç¿ëÁßÀÎ Å×Å©³ëÆ® ±¸¹öÀü¿¡ Àû¿ëÇϰíÀÚ ÇÑ´Ù¸é ´ÙÀ½°ú °°ÀÌ ÇϽʽÿÀ.
1, ´Ù¿î·Îµå [TECHNOTE7.5] ¸¦ »õ·Î ³»·Á ¹Þ½À´Ï´Ù. http://www.technote.co.kr/php/technote1/board.php?board=consult&command=skin_insert&exe=insert_down_shop °ø°³¹öÀüÀÌ°Ç »ó¿ë¹öÀüÀÌ°Ç »ó°ü¾ø°í, charset(euc-kr/utf-8)Àº ÇöÀç »ç¿ëÁßÀÎ °Í°ú °°Àº°É ¹Þ¾Æ¾ß ÇÕ´Ï´Ù. ÇöÀç »ç¿ëÁØÀÎ Å×Å©³ëÆ®ÀÇ charsetÀ» ¸ð¸£°Ú´Ù¸é Àüü°ü¸® ¸ÞÀÎÆäÀÌÁöÀÇ [¼³Ä¡Á¤º¸] ¶õ¿¡¼ ¹öÀü¸íĪÀ» È®ÀÎÇÏ¸é µË´Ï´Ù.
2, ¾ÐÃàÇØÁ¦ PC ¿¡¼ ¾ÐÃàÇØÁ¦ÇÕ´Ï´Ù.
3, ÆÄÀÏÃß°¡ ÀÌ ÆÄÀÏÀ» ÇöÀç ¼³Ä¡-¿î¿ëÁßÀΠȨÆäÀÌÁö¿¡ Á¦À§Ä¡¸¦ ã¾Æ FTP ·Î ¿Ã·Á ÁÝ´Ï´Ù. technote7/util_include_sns_meta.php technote7/skin_board/½ºÅ²Æú´õ/b_img/i_button/sns_twitter.gif technote7/skin_board/½ºÅ²Æú´õ/b_img/i_button/sns_facebook.gif technote7/skin_board/½ºÅ²Æú´õ/b_img/i_button/sns_kakao.gif technote7/skin_board/½ºÅ²Æú´õ/b_img/i_button/sns_band.gif technote7/skin_board/½ºÅ²Æú´õ/b_img/i_button/sns_google.gif À§ÀÇ .gif À̹ÌÁö ÆÄÀÏÀº ÇöÀç »ç¿ëÁßÀÎ '½ºÅ²Æú´õ' ¿¡¸¸ ¿Ã¸®¸é µË´Ï´Ù. ÇöÀç »ç¿ëÇÏ´Â '½ºÅ²Æú´õ' °¡ ¾î¶²°ÇÁö Àß ¸ð¸£°Ú´Ù¸é °Ô½ÃÆÇ º»¹®ÆäÀÌÁö¿¡ Á¢¼ÓÇØ¼ [¼öÁ¤,»èÁ¦] ¹öư À̹ÌÁö¸¦ ¸¶¿ì½º¿ìÃø¹öưÀ¸·Î Ŭ¸¯Çϰí [¼Ó¼º] ¿¡¼ À̹ÌÁö URL À» È®ÀÎÇÏ¸é µË´Ï´Ù. ¶Ç´Â °Ô½ÃÆÇÀÇ ¼³Á¤ÆäÀÌÁö¸¦ ¿°í [2, ½ºÅ²¼³Á¤] Ç׸ñ¿¡¼ È®ÀÎÇÒ ¼öµµ ÀÖ½À´Ï´Ù.
5, ÆÄÀϱ³Ã¼ technote7/include/admin/board/ °Ô½ÃÆÇ °ü¸®¼³Á¤ Æú´õÀÔ´Ï´Ù. FTP Àü¼Û½Ã ÆÄÀÏÀü¼Û ¸ðµå¸¦ Binary ·Î ÁöÁ¤ÇÏ°í ¿Ã·Á¾ß µË´Ï´Ù.
6, ÆÄÀϼöÁ¤ 1 technote7/skin_board/½ºÅ²Æú´õ/1_main_html.php ÇöÀç ¿î¿ëÁßÀΠȨÆäÀÌÁöÀÇ ¸ÞÀÎ html ÆÄÀÏÀÇ <head>..</head> ¿µ¿ª¿¡ util_include_sns_meta.php ¸¦
include ÇÏ´Â Äڵ带 ³Ö½À´Ï´Ù. ±âÁ¸ÀÇ ´Ù¸¥ <mata ....> ÅÂ±×µé º¸´Ù À§ÂÊ¿¡ ³Ö¾î Áà¾ß ÇÕ´Ï´Ù. ´Ù¿î ¹ÞÀº [TECHNOTE7.5] ÀÇ 1_main_html.php ÆÄÀÏÀ»
ÂüÁ¶Çϼ¼¿ä.
ex, <html> <head> <? include 'util_include_sns_meta.php'; ?> <meta http-equiv...±âÁ¸ÀÇ meta ű×..> ..... ..... </head>
¼öÁ¤´ë»ó ÆÄÀÏÀÎ 'ÇöÀç ¿îÁßÀΠȨÆäÀÌÁöÀÇ ¸ÞÀÎ html ÆÄÀÏ' À̶õ ±âº»ÀûÀ¸·Î technote7/skin_board/½ºÅ²Æú´õ/1_main_html.php ÆÄÀÏÀ» ¶æÇϴµ¥¿ä, ȨÆäÀÌÁö Á¦ÀÛ°úÁ¤(¶Ç´Â ºô´õ½ÇÇà)¿¡¼ °Ô½ÃÆÇ ¼³Á¤ÀÌ ¹Ù²î¸é¼ ÀÌ°Ô ´Ù¸¥ ÆÄÀÏ·Î ¼³Á¤µÇ¾úÀ» °Ì´Ï´Ù. ÇöÀç ¿î¿ëÁßÀÎ °Ô½ÃÆÇÀÇ ¼³Á¤ÆäÀÌÁö¸¦ ¿°í [2, ½ºÅ²¼³Á¤] ¡æ [2-1. Àüü ·¹À̾ƿô html ½ºÅ²] Ç׸ñÀ» º¸¸é ¾î¶² ÆÄÀÏ·Î ÁöÁ¤µÇ¾î ÀÖ´ÂÁö È®ÀÎÇØ¼ ±× ÆÄÀÏÀ» ¼öÁ¤ÇÏ¸é µË´Ï´Ù.
7, ÆÄÀϼöÁ¤ 2 technote7/skin_board/½ºÅ²Æú´õ/3_body.php °Ô½ÃÆÇ º»¹®Ãâ·Â ½ºÅ²ÆÄÀÏ¿¡ ¹öưÃâ·Â ÇÔ¼ö¸¦ [TECHNOTE7.5] °ÍÀ¸·Î ±³Ã¼ÇÕ´Ï´Ù. 480¹ø ¶óÀÎ ºÎ±Ù¿¡ ÀÖ´Â ¾Æ·¡¿Í °°Àº ÄÚµåÀÔ´Ï´Ù.
// ¹öưÃâ·Â function Sub_body_foot_button(){ **** ¹öưÃâ·Â ÄÚµå **** }
ÇöÀç »ç¿ëÁßÀÎ º»¹®Ãâ·Â ½ºÅ²ÆÄÀÏÀÌ ¿©·¯°³¶ó¸é ¸ðµÎ ¼öÁ¤ÇϽʽÿÀ. °¢ °Ô½ÃÆÇÀÇ ¼³Á¤ [2-3 º»¹® Ãâ·Â ½ºÅ²] Ç׸ñ¿¡¼ ÇØ´ç ÆÄÀÏÀ» È®ÀÎÇÒ ¼ö ÀÖ½À´Ï´Ù.
8, ÆÄÀϼöÁ¤ 3 technote7/skin_board/½ºÅ²Æú´õ/b_script/main_script.js SNS ¹öư Ŭ¸¯½Ã ½ÇÇàµÉ javascript ÇÔ¼ö¸¦ º¹»çÇØ ³Ö¾î ÁÝ´Ï´Ù. main_script.js ÆÄÀÏÀÇ ¸Ç Çϴܺο¡ SNS °ü·ÃÇÔ¼ö 5°³ ÀÔ´Ï´Ù. function : [witter] , [Facebook] , [kakao] , [band] , [google plus] main_script.js ÆÄÀÏÀ» ¿øº» ±×´ë·Î »ç¿ëÁßÀ̶ó¸é ÆÄÀÏ ÀÚü¸¦ µ¤¾î ¾²´Â°Ô ÀÏÀÌ ´õ ¼ö¿ùÇÒ °Ì´Ï´Ù.
9, Àû¿ë°á°ú È®ÀÎ °Ô½ÃÆÇÀÇ ¼³Á¤ÀÇ [5-20. º»¹® ÆäÀÌÁöÀÇ Ãâ·Â¿ä¼Ò ÁöÁ¤] Ç׸ñ¿¡¼ [¹öư-SNS] ¸¦ Ãâ·ÂÁöÁ¤(üũ)Çϰí ÇØ´ç °Ô½ÃÆÇ º»¹®ÆäÀÌÁö¿¡¼ º»¹®³»¿ë ¾Æ·¡ÂÊ¿¡ ³ªÅ¸³ SNS ¹öưÀ» Ŭ¸¯Çؼ ¿¬µ¿»óŸ¦ È®ÀÎÇÕ´Ï´Ù. ±×¸²ÆÄÀÏÀÌ Ã·ºÎµÈ ±Û°ú ÷ºÎµÇÁö ¾ÊÀº ±ÛÀ» °¢°¢ ºñ±³ È®ÀÎÇÕ´Ï´Ù. À¥ºÎ¶ó¿ìÀúÀÇ Ä³½Ã ¿µÇâÀ¸·Î, ÀÚ¹Ù½ºÅ©¸³Æ® ÆÄÀÏ ¼öÁ¤ÇѰÍÀÌ ¹Ù·Î Àû¿ëµÇÁö ¾ÊÀ» ¼ö ÀÖÀ¸´Ï Á¢¼Ó»óÅ¿¡¼ [F5] ۸¦ ´·¯¼ [»õ·Î°íħ] À» ½ÇÇàÇϽʽÿÀ.
ÆäÀ̽ººÏÀÇ °æ¿ì ƯÁ¤ URL¿¡ ´ëÇÑ ¿¬µ¿Á¤º¸¸¦ ÀÚü¼¹ö¿¡ º¸°üÇØ µÎ¾ú´Ù°¡ °°Àº URLÀÇ ¿äûÀÌ µé¾î ¿À¸é ±× ij½Ã µ¥ÀÌŸ¸¦ Àç»ç¿ëÇϱ⠶§¹®¿¡ À߸ø »ý¼ºµÈ µ¥ÀÌŸ°¡ ¼öÁ¤µÇÁö ¾Ê°í °è¼Ó SNS Æû¿¡ ³ªÅ¸³ª´Â ÀÏÀÌ »ý±æ ¼ö ÀÖ½À´Ï´Ù. ±×·²¶© https://developers.facebook.com/tools/debug/og/object/ ¿¡ Á¢¼ÓÇØ¼ ÇØ´ç URLÀ» ÀÔ·Â, ij½Ã °»½ÅÇØ ÁÖ¸é µË´Ï´Ù.
½ÇÁ¦ »ç¿ëÇÏ´Â µµ¸ÞÀο¡¼ Å×½ºÆ® ÇØ¾ß ÇÕ´Ï´Ù. 127.0.0.1 À̳ª localhost °°Àº ·ÎÄà URL¿¡¼± ¾ÈµË´Ï´Ù. Àû¿ë¿¹ http://www.technote.co.kr/php/tech75test/board.php?board=ggghome&command=skin_insert&exe=home.php
°Ô½ÃÆÇ ºÎºÐÀº ¿©±â±îÁö ÇÏ¸é ¾÷µ¥ÀÌÆ® ÀÛ¾÷ ³¡ÀÔ´Ï´Ù.
ÀÌÇÏ ³»¿ëÀº ¼îÇθô¿¡¸¸ ÇØ´çµË´Ï´Ù. ÇöÀç ¼îÇθôÀ» »ç¿ëÇÏÁö ¾Ê´Â´Ù¸é ´ÙÀ½ °úÁ¤Àº ÁøÇàÇÏÁö ¾Ê¾Æµµ µË´Ï´Ù. ÇâÈÄ ¼îÇθôÀ» °³¼³ÇϰíÀÚ ÇÒ¶§´Â technote7/skin_shop/ Æú´õ Àüü¸¦ »õ¹öÀü°ÍÀ¸·Î ±³Ã¼ÇÏ°í »ç¿ëÇÏ¸é µË´Ï´Ù.
10, ¼îÇθô - ÆÄÀÏÃß°¡ SNS ¹öư À̹ÌÁö ÆÄÀÏÀÔ´Ï´Ù. technote7/skin_shop/½ºÅ²Æú´õ/s_img/button/sns_twitter.gif technote7/skin_shop/½ºÅ²Æú´õ/s_img/button/sns_facebook.gif technote7/skin_shop/½ºÅ²Æú´õ/s_img/button/sns_kakao.gif technote7/skin_shop/½ºÅ²Æú´õ/s_img/button/sns_band.gif technote7/skin_shop/½ºÅ²Æú´õ/s_img/button/sns_google.gif SNS ¹öư À̹ÌÁö ÆÄÀÏÀÔ´Ï´Ù. ÇöÀç »ç¿ëÁßÀÎ '½ºÅ²Æú´õ' ¿¡¸¸ ¿Ã¸®¸é µË´Ï´Ù. ÇöÀç »ç¿ëÇÏ´Â ½ºÅ²Æú´õ°¡ ¾î¶²°ÇÁö Àß ¸ð¸£°Ú´Ù¸é ¼îÇθô º»¹®(»óǰ»ó¼¼Á¤º¸) ÆäÀÌÁö¿¡ Á¢¼ÓÇØ¼ [Àå¹Ù±¸´Ï] ¹öư ±×¸²À» ¸¶¿ì½º¿ìÃø¹öưÀ¸·Î Ŭ¸¯Çϰí [¼Ó¼º] ¿¡¼ À̹ÌÁö URL À» È®ÀÎÇÏ¸é µË´Ï´Ù. ¶Ç´Â ¼îÇθô°ü¸®¡æÈ¯°æ¼³Á¤¡æ¸ÅÀåÃâ·Â¼³Á¤¡æ[2, SHOP ½ºÅ² ¼³Á¤] ¿¡¼ È®ÀÎÇÒ ¼öµµ ÀÖ½À´Ï´Ù.
11, ¼îÇθô - ÆÄÀϼöÁ¤ 1 À§ÀÇ 6 ¹ø Ç׸ñ ³»¿ëÀ» ¼îÇθô ÇØ´ç ¸ÞÀÎ html ¿¡µµ Àû¿ëÇØ ÁÖ¾î¾ß ÇÕ´Ï´Ù. Å×Å©³ëÆ® ±âº» ¼³Ä¡½Ã ¼îÇθô ¸ÞÀÎ html Àº technote/skin_board/t_shop_default/1_main_html.php ÀÌ ÆÄÀÏÀÔ´Ï´Ù¸¸ »çÀÌÆ® Á¦ÀÛ°úÁ¤¿¡¼ ´Ù¸¥ ½ºÅ² ÆÄÀÏÀ» Àû¿ëÇØ¼ »ç¿ëÇÒ °¡´É¼ºÀÌ Å®´Ï´Ù. ±× ÆÄÀÏÀ» ½±°Ô ¾Ë¾Æ³»·Á¸é ¼îÇθô ȨÆäÀÌÁö
Á»ó´ÜÀÇ »çÀÌÆ® ·Î°í(HOME)¸¦ Ŭ¸¯ÇØÀ»¶§ Á¢¼ÓµÇ´Â ÁÖ¼Ò¸¦ º¸°í È®ÀÎÇÏ¸é ½±½À´Ï´Ù. ±× ÁÖ¼Ò°¡ http://www.technote.co.kr/php/tech75test/board.php?board=tnshopmain&command=shop ÀÌ·± ÁÖ¼Ò·Î Á¢¼ÓµÈ´Ù¶ó°í °¡Á¤Çϸé 'tnshopmain' °Ô½ÃÆÇÀÇ ¼³Á¤ÆäÀÌÁö¸¦ ¿°í [2, ½ºÅ²¼³Á¤] ¡æ [2-1. Àüü ·¹À̾ƿô html ½ºÅ²] ¸¦ È®ÀÎÇÏ¸é µË´Ï´Ù. ¼öÁ¤¹æ¹ýÀº À§ 6¹ø Ç×ÀÇ ³»¿ë°ú °°½À´Ï´Ù.
12, ¼îÇθô - ÆÄÀϼöÁ¤ 2 technote7/skin_shop/½ºÅ²Æú´õ/2_view_body/body_default.php ¼îÇθô º»¹®(»óǰ»ó¼¼Á¤º¸) ÆäÀÌÁö¿¡ SNS ¹öư Ãâ·ÂÄڵ带 º¹»çÇØ¼ ³Ö¾î ÁÝ´Ï´Ù. 450¹ø ¶óÀÎ ºÎ±Ù¿¡ ÀÖ´Â ¾Æ·¡¿Í °°Àº ÄÚµåÀÔ´Ï´Ù.
<? // SNS ¹öư **** SNS ¹öưÃâ·Â ÄÚµå *** ?>
13, ¼îÇθô - ÆÄÀϼöÁ¤ 3 technote7/skin_shop/½ºÅ²Æú´õ/css_javascript/shop_default.js SNS ¹öư Ŭ¸¯½Ã ½ÇÇàµÉ javascript ÇÔ¼ö¸¦ º¹»çÇØ ³Ö¾î ÁÝ´Ï´Ù. shop_default.js ÆÄÀÏÀÇ ¸Ç Çϴܺο¡ SNS °ü·ÃÇÔ¼ö 5°³ ÀÔ´Ï´Ù. function : [witter] , [Facebook] , [kakao] , [band] , [google plus] shop_default.js ÆÄÀÏÀ» ¿øº» ±×´ë·Î »ç¿ëÁßÀ̶ó¸é ÆÄÀÏ ÀÚü¸¦ µ¤¾î ¾²´Â°Ô ÀÏÀÌ ´õ ¼ö¿ùÇÒ °Ì´Ï´Ù.
14, ¼îÇθô - Àû¿ë°á°ú È®ÀÎ ¼îÇθô º»¹®(»óǰ»ó¼¼Á¤º¸) ÆäÀÌÁö¿¡ SNS ¹öưÀ» Ŭ¸¯Çؼ ¿¬µ¿»óŸ¦ È®ÀÎÇÕ´Ï´Ù. ÆäÀ̽ººÏ,±¸±ÛÇ÷¯½º¿¡ ¿¬µ¿½Ã »óǰ¸í,»óǰÁ¤º¸,»óǰÀ̹ÌÁö µîÀÌ Àü¼ÛµÇ¾î¾ß ÇÕ´Ï´Ù. À¥ºÎ¶ó¿ìÀúÀÇ Ä³½Ã ¿µÇâÀ¸·Î, ÀÚ¹Ù½ºÅ©¸³Æ® ÆÄÀÏ ¼öÁ¤ÇѰÍÀÌ ¹Ù·Î Àû¿ëµÇÁö ¾ÊÀ»¼ö ÀÖÀ¸´Ï Á¢¼Ó»óÅ¿¡¼ [F5] ۸¦ ´·¯¼ [»õ·Î°íħ] À» ½ÇÇàÇϽʽÿÀ. Àû¿ë¿¹ : http://www.technote.co.kr/php/tech75test/board.php?board=tnshopmain&command=shop
ÀÌ°Í ¿ª½Ã ÆäÀ̽ººÏÀº ij½ÃÀû¿ë ¶§¹®¿¡ ÀÏ´Ü µî·ÏµÈ µ¥ÀÌŸ´Â ¼öÁ¤µÇÁö ¾Ê°í °è¼Ó SNSÆû¿¡ ³ªÅ¸³ª°Ô µË´Ï´Ù. ±×·²¶© https://developers.facebook.com/tools/debug/og/object/ ¿¡ Á¢¼ÓÇØ¼ ÇØ´ç URLÀ» ÀÔ·Â, ij½Ã°»½ÅÇØ ÁÖ¸é µË´Ï´Ù.
15. ±âŸ Àü¸éÀûÀÎ ¾÷±×·¹À̵å´Â ¾ÈÇÏ´õ¶óµµ [TECHNOTE7.5] ¸¦ µû·Î ¼³Ä¡Çؼ »ìÆì º¸¸é¼ ºÎºÐ ¾÷µ¥ÀÌÆ® ÇÏ´Â°Ô ÁÁ½À´Ï´Ù. ÇöÀç »ç¿ëÁßÀÎ Å×Å©³ëÆ®¿¡ ¾Æ¹« ¿µÇâÀÌ ¹ÌÄ¡Áö ¾Ê°Ô²û [TECHNOTE7.5] ¸¦ Ãß°¡¼³Ä¡ ÇÏ·Á¸é technote7/lib.php ÆÄÀÏ¿¡¼ ù¹øÂ° ¼³Á¤Ç׸ñÀÎ $db_ident='a_tn'; ¸¦ º¯°æÇؼ ¼³Ä¡ÇÏ¸é µË´Ï´Ù. ¿¹¸¦ µé¾î $db_ident='b_test'; ó·³ ¿µ¹®ÀÚ·Î ÀÓÀÇ ÁöÁ¤ÇØ ÁÖ¸é µË´Ï´Ù. ÀÌ·¸°Ô Çϸé db Å×ÀÌºí »ý¼º½Ã Å×À̺í¸íÀÌ ±âÁ¸°Í°ú ´Ù¸£°Ô »ý¼ºµÇ¹Ç·Î °£¼·,Ãæµ¹ÀÌ ¾øÀÌ ¼³Ä¡µË´Ï´Ù. PC¿¡ ¼³Ä¡ÇØ º¸°íÀÚ ÇÑ´Ù¸é APMSETUP(http://www.apmsetup.com) À¸·Î ·ÎÄü¹ö ȯ°æÀ» ¸¸µé¾î ¼³Ä¡ÇÏ´Â°Ô °¡Àå ¼ö¿ùÇÑ ¹æ¹ýÀÔ´Ï´Ù.
Àß ¾ÈµÇ´Â°Ç Áú¹®°Ô½ÃÆÇ¿¡ ¿Ã·Á ÁֽʽÿÀ. ȨÆäÀÌÁö¶õ°Ô ´Ù Á¦°¢°¢ÀÇ ±¸Á¶¶ó¼ Á÷Á¢ º¸Áö ¾Ê°í ÁüÀÛ¸¸À¸·Î ´äº¯À» ÇϱⰡ ¾î·Æ½À´Ï´Ù. Áú¹®½Ã ȨÆäÀÌÁö ÁÖ¼Ò¸¦ Àû¾î Áֽøé Áú¹®ÇÏ´Â »ç¶÷µµ ´äº¯ÇÏ´Â »ç¶÷µµ ÈûÀÌ ´ú µé°ÍÀÔ´Ï´Ù.
|