makeshop

°øÁö»çÇ×

°øÁö»çÇ× »ó¼¼
[±ä±Þ]css Á¦°ø »çÀÌÆ®(www.unpkg.com) ¹®Á¦·Î ÀÎÇÑ ¼îÇθô µðÀÚÀÎ ±úÁö´Â Çö»ó
Á¶È¸¼ö: 1,187
¾È³çÇϼ¼¿ä.
¸ÞÀÌÅ©¼¥ ¿î¿µÆÀÀåÀÔ´Ï´Ù.

ÀϺΠ¼îÇθô¿¡¼­ ¸ÞÀÎÆäÀÌÁö, »ó¼¼ÆäÀÌÁö µî µðÀÚÀÎÀÌ Æ²¾îÁö´Â Çö»óÀÌ È®Àεǰí ÀÖ½À´Ï´Ù.
¿øÀÎÀº CSS ¹× JS¸¦ Á¦°øÇÏ´ø https://www.unpkg.com/ »çÀÌÆ®ÀÇ ¹®Á¦·Î ÀÎÇؼ­ ¹ß»ý µÇ´Â°ÍÀ¸·Î È®ÀÎ µÇ¾ú½À´Ï´Ù.
¸ÕÀú ¾Æ·¡ÀÇ 1¹ø ¹æ¹ýÀ¸·Î ¼öÁ¤ÇØ Áֽðí, 2~3¹ø ³»¿ëÀ¸·Î Á÷Á¢ ÇØ´ç ¼Ò½º ´Ù¿î·Îµå ¹Þ¾Æ¼­ À¥FTP¿¡ ¾÷·Îµå ÈÄ
ÇØ´ç °æ·Î·Î Àû¿ë µÇµµ·Ï ¼öÁ¤ÇØ Áֽñ⸦ ±ÇÀåÇØ µå¸³´Ï´Ù.

1. °æ·Î ¼öÁ¤
ex1)
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
=>
<link rel="stylesheet" href="//unpkg.com/swiper@11.1.1/swiper-bundle.min.css" />

ex2)
<script src="//unpkg.com/swiper/swiper-bundle.min.js"></script>
=>
<script src="//unpkg.com/swiper@11.1.1/swiper-bundle.min.js"></script>


2. cssÆÄÀÏÀ» ´Ù¿î·Îµå ¹Þ¾Æ °ü¸®ÀÚÆäÀÌÁö À¥FTP ¿¡ ¾÷·Îµå ÈÄ °æ·Î ¼öÁ¤
2-1. ºê¶ó¿ìÀú ÁÖ¼Òâ¿¡ //unpkg.com/swiper@11.1.1/swiper-bundle.min.css ÀÔ·ÂÇÏ¿© ¼Ò½º È®ÀÎ ÈÄ CSSÆÄÀÏ º°µµ »ý¼º
2-2. °ü¸®ÀÚÆäÀÌÁö À¥FTP¿¡ ÇØ´ç CSSÆÄÀÏ ¾÷·Îµå
2-3. ÇØ´ç °æ·Î¸¦ ÀÌ¿ëÇÏ¿© ¼Ò½º ¼öÁ¤
ex)
<link rel="stylesheet" href="//unpkg.com/swiper@11.1.1/swiper-bundle.min.css" />
=>
<link rel="stylesheet" href="°ü¸®ÀÚ¿¡ ¾÷·ÎµåÇÑ ÆÄÀÏ °æ·Î" />


3. jsÆÄÀÏÀ» ´Ù¿î·Îµå ¹Þ¾Æ °ü¸®ÀÚÆäÀÌÁö À¥FTP ¿¡ ¾÷·Îµå ÈÄ °æ·Î ¼öÁ¤
2-1. ºê¶ó¿ìÀú ÁÖ¼Òâ¿¡ //unpkg.com/swiper/swiper-bundle.min.js ÀÔ·ÂÇÏ¿© ¼Ò½º È®ÀÎ ÈÄ JSÆÄÀÏ º°µµ »ý¼º
2-2. °ü¸®ÀÚÆäÀÌÁö À¥FTP¿¡ ÇØ´ç JSÆÄÀÏ ¾÷·Îµå
2-3. ÇØ´ç °æ·Î¸¦ ÀÌ¿ëÇÏ¿© ¼Ò½º ¼öÁ¤
ex)
<link rel="stylesheet" href="//unpkg.com/swiper@11.1.1/swiper-bundle.min.js" />
=>
<link rel="stylesheet" href="°ü¸®ÀÚ¿¡ ¾÷·ÎµåÇÑ ÆÄÀÏ °æ·Î" />

°¨»çÇÕ´Ï´Ù.
¸ñ·Ï ´Ý±â