½ÃÀÛÆäÀÌÁö·Î Áñ°Üã±âÃß°¡
·Î±×ÀÎ
ȸ¿ø°¡ÀÔ l Ã⼮üũ l ¸¶ÀÌÆäÀÌÁö l CGIMALL
happycgi
ÀÚ·á½Ç »çÀÌÆ®µî·Ï ·©Å·100 ÇÁ·Î±×·¥¸®ºä °ü¸®ÀÚÃßõÀÚ·á Ãʺ¸°¡À̵å
Ä¿¹Â´ÏƼ
Àüü ÆîÃ帱â
Äü¸Þ´º¸µÅ© jquery , CSS , PHP , Javascript , ¹«·áÆùÆ® , ASP
»ó¼¼°Ë»ö
Ȩ > ÀαâÀÖ´Â ¼Ò½º RANKING 100  > HTML

1

ÁغñÁß, °ø»çÁß ÆäÀÌÁö
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:1966°Ç
ȨÆäÀÌÁö ¼öÁ¤ ¹× À¯Áöº¸¼ö ¶Ç´Â Á¦ÀÛÁßÀ϶§ »ç¿ë°¡´ÉÇÑ ÆäÀÌÁö ÀÔ´Ï´Ù.
HTML
Åë°èº¸±â

2

Sprite À̹ÌÁö¸¦ cssÄÚµå·Î ½±°Ô º¯È¯ÇØÁÖ´Â »çÀÌÆ®ÀÔ´Ï´Ù~
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:5704°Ç
Á¦ÀÛÇÑ Sprite À̹ÌÁö¸¦ Ŭ¸¯¸¸À¸·Î CSS ÄÚµå·Î ¸¸µé¾îÁÖ´Â À¥µµ±¸ ÀÔ´Ï´Ù.
CSS/À̹ÌÁö
Åë°èº¸±â

3

Weather Icons - erikflowers.github.io
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:5458°Ç
222°³ÀÇ ³¯¾¾ ¾ÆÀÌÄÜÀ» ºÎÆ®½ºÆ®·¦À» ÀÌ¿ëÇØ ½±°í Æí¸®ÇÏ°Ô ÀÌ¿ëÇϼ¼¿ä
DESIGN/¾ÆÀÌÄÜ ÀÚ·á
Åë°èº¸±â

4

Css GRID ·¹À̾ƿô °ü·Ã »çÀÌÆ®ÀÔ´Ï´Ù
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:2775°Ç
Css GRID ·¹À̾ƿô °ü·Ã »çÀÌÆ®ÀÔ´Ï´Ù
HTML/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â

5

½ºÅ©·Ñ ´Ù¿î ¹öÆ°-Parallax Scroll Down Button
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:1961°Ç
½ºÅ©·Ñ ´Ù¿î ¹öÆ°-Parallax Scroll Down Button
CSS/±âŸȿ°ú
Åë°èº¸±â

6

CSS¸¦ ÀÌ¿ëÇÑ °£´Ü ·Î±×ÀÎ/ȸ¿ø°¡ÀÔ
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:4022°Ç
CSS¸¦ ÀÌ¿ëÇÑ °£´Ü ·Î±×ÀÎ/ȸ¿ø °¡ÀÔ ÆäÀÌÁö ÀÔ´Ï´Ù.
DESIGN/±âŸ ÀÚ·á
Åë°èº¸±â

7

Responsive Bootstrap Dashboard Template - Morioh Theme
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:4353°Ç
Morioh Theme´Â jQuery ¹× Bootstrap ÇÁ·¹ÀÓ ¿öÅ© À§¿¡ ±¸Ãà µÈ ¹ÝÀÀ Çü ´ë½Ã º¸µå (°ü¸®ÀÚ ÆгÎ) ÅÛÇø´ ÀÔ´Ï´Ù. Bootstrap 5 ¹× Bootstrap 4 ¸ðµÎ¿¡¼­ ÀÛµ¿ÇÕ´Ï´Ù . À¥ ¹× ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉÀ̼Ç, À¥ »çÀÌÆ® ¹é¿£...
HTML/ÅÛÇø´ ÀÚ·á
Åë°èº¸±â

8

¹«·á html ÅÛÇø´
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:9835°Ç
HTML ¹× CSS ¹«·á ¼Ò½º¸¦ ¹Þ¾Æº¸½Ç ¼ö ÀÖ´Â »çÀÌÆ®ÀÔ´Ï´Ù.
HTML/ÅÛÇø´ ÀÚ·á
Åë°èº¸±â

9

¹«·á CSS ÅÛÇø´ »çÀÌÆ®
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:10086°Ç
¹«·á CSS ÅÛÇø´ ¹× FLASH ÅÛÇø´µµ Á¦°øÇÏ°í ÀÖ½À´Ï´Ù.
HTML/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â

10

dz¼±µµ¿ò¸»2
¸µÅ© ¾øÀ½ ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:70617°Ç
ÇÏÀÌÆÛ¸µÅ©¿¡ ¸¶¿ì½º¸¦ ¿Ã¸®¸é ÀÚ½ÅÀÌ ¿øÇÏ´Â »ö»ó ¹× Å©±âÀÇ Ç³¼±µµ¿ò¸»ÀÌ ¶á´Ù. ÀͽºÇ÷η¯ ³×½ºÄÉÀÌÇÁ °øÅë
HTML/DHTML °ü·Ã/±âº» ¼Ò½º Ãßõ
Åë°èº¸±â

11

¸ð¹ÙÀÏ ½ºÅ©·Ñ ÄÄÆ÷³ÍÆ® jindo.m.Scroll [1.4.0]
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:16222°Ç
jindo_mobile_component.js ´Ù¿î·Îµå. ½ºÅ©·Ñ ÄÄÆ÷³ÍÆ®(jindo.m.Scroll)´Â JMC(Jindo Mobile Component)ÀÇ ÄÄÆ÷³ÍÆ® °¡¿îµ¥ °¡Àå ¸¹ÀÌ »ç¿ëÇÏ´Â ÄÄÆ÷³ÍÆ®ÀÔ´Ï´Ù. ÀÌ ±Û¿¡¼­´Â ½ºÅ©·Ñ ÄÄÆ÷³ÍÆ®ÀÇ Æ¯Â¡°ú »ç¿ë ¹æ¹ýÀ»...
OPEN API
Åë°èº¸±â

12

¹«·á ¹è³Ê ½½¶óÀÌµå ¼Ò½º
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:38777°Ç
¹«·á ¹è³Ê ½½¶óÀÌµå µ¥¸ð·Î È®ÀÎÇÏ½Ã°í ¼Ò½º¸¦ ´Ù¿î¹Þ¾Æ Àû¿ëÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
HTML/ÅÛÇø´ ÀÚ·á
Åë°èº¸±â

13

CSS3·Î ±¸ÇöÇÏ´Â ½½¶óÀ̵ù ¸ÞÀÏ Æû
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:13484°Ç
ÆíÁöÁö Çü½ÄÀÇ µðÀÚÀÎÀ¸·Î ¸¶¿ì½º ¿À¹ö½Ã ÆíÁöºÀÅõ°¡ ½½¶óÀ̵ù µÇ¸ç ¸ÞÀÏ ÆûÀÌ ³ªÅ¸³ª´Â CSS3 ¼Ò½º
CSS/±âŸȿ°ú
Åë°èº¸±â

14

°ü¸®ÀÚÆäÀÌÁö ºÎÅÍ ±âº» µðÀÚÀÎ ÅÛÇø´ÆÄÀϱîÁö!! bootstrapzero.com
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:7250°Ç
ȨÆäÀÌÁö¸¦ Á¦ÀÛÇϴ´ë À־.. °ü¸®ÀÚ¸ðµå, ¸ÞÀÎÆäÀÌÁö µîµî ¿©·¯ ºÎºÐÀÌ ÀÖÀ¸³ª À̺κÐÀ» ½±°Ô Á¦ÀÛÇϱâ´Â ÈûµéÁÒ^^? Âü°í ÇϽǸ¸ÇÑ ÅÛÇø´ÆÄÀϵéÀÌ ¹«·á·Î ÀÖÀ¸´Ï º¸½Ã°í À¯¿ëÇÏ°Ô »ç¿ëÇϼ¼¿ä^^
HTML/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â

15

HTML/JS/CSS ÄÚµå ¾ÐÃà »çÀÌÆ®
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:82°Ç
HTML / JS / CSS ÄÚµå ÀÔ·Â ÈÄ º¯È¯ ¹öÆ°À» ´©¸£¸é ¾ÐÃàµÈ Äڵ带 Ãâ·ÂÇÕ´Ï´Ù.
HTML/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â

16

¸ð¹ÙÀÏ È¨ÆäÀÌÁö¿¡ Ä«Ä«¿ÀÅå ¿¬°áÇϱâ
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:59309°Ç
ÀÚ½ÅÀÇ ¸ð¹ÙÀÏ È¨ÆäÀÌÁö¿¡ Ä«Ä«¿ÀÅåÀ¸·Î ¸Þ½ÃÁö¸¦ º¸³»´Â ¸µÅ©¸¦ »ðÀÔÀ» ÇÏ´Â API ¼Ò°³ ÀÔ´Ï´Ù.
HTML/DHTML °ü·Ã/±âº» ¼Ò½º
Åë°èº¸±â

17

CSS ¸¦ ÀÌ¿ëÇÑ Checkbox, Radio üũ ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú (CSSÀÇ transition È¿°ú)
¸µÅ© ¾øÀ½ ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:10267°Ç
CSS¸¸À¸·Î, üũ¹Ú½º¿Í ¶óµð¿À¿Í °°Àº ÀÎDz°³Ã¼¿¡ ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú¸¦ Àû¿ëÇÒ ¼ö ÀÖ´Â ¹æ¹ýÀÔ´Ï´Ù. URL¿¡ ÀÖ´Â Âü°í»çÀÌÆ®µµ Çѹø Âü°íÇغ¸½Ã±â ¹Ù¶ø´Ï´Ù.
HTML/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â

18

Expanding flex cards - Ä«µåÇü½ÄÀÇ ¹è³Ê
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:2462°Ç
Expanding flex cards - Ä«µåÇü½ÄÀÇ ¹è³Ê
HTML/HTML °­ÀÇ
Åë°èº¸±â
üũÇÑ·©Å·ÀÚ·áºñ±³
1
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: 2040-05-05
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 3000-01-01
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16