Ã¥¼Ò°³
HTML5, CSS3, jQuery, MySQL, PHP·Î À¥ÄÚµù *µ¹¾Æº¸±â*»ô»ôÀÌ Åì¾Æ ³ª°¡¸ç »ìÇÇ´Ù
Á÷¾÷, Ãë¹Ì, °³¹ßÀ» ÀÌÇØÇϱâ À§ÇÑ ¾î¶°ÇÑ ÀÌÀ¯·Î À¥ °³¹ßÀ» ½ÃÀÛÇÏ·Á´Â ÀÚ¸¦ ´ë»óÀ¸·Î ±¸¼ºµÇ¾î ÀÖ´Ù. À¥ °³¹ß °ü·Ã µµ¼´Â Ŭ¶óÀ̾ðÆ® ¾ð¾î¿Í ¼¹ö»çÀÌµå ¾ð¾î°¡ Á÷¾÷À¸·Î ³ª´µ±âµµ Çϸç, °¢°¢ ½ÀµæÇØ¾ß ÇÒ ¾çµµ ¸¹±â ¶§¹®¿¡ Ŭ¶óÀ̾ðÆ® ¾ð¾î(HTML, CSS, JavaScript ¶Ç´Â ÆÄ»ý ÇÁ·¹ÀÓ¿öÅ©)¿Í ¼¹ö»çÀÌµå ¾ð¾î(PHP, JSP, node.js) ±×¸®°í µ¥ÀÌÅͺ£À̽º(MySQL, mariaDB, Oracle)·Î ±¸ºÐµÈ´Ù.
HTMLÀ» »ç¿ëÇØ À¥ÆäÀÌÁö¸¦ ±¸¼ºÇÏ°í, CSS¸¦ »ç¿ëÇØ À¥ ÆäÀÌÁö¸¦ µðÀÚÀÎÇϸç, jQuery¸¦ »ç¿ëÇØ °¢ ¿¤¸®¸ÕÆ®¿¡ ¿©·¯ °¡Áö Ư¼ö ±â´ÉÀ» ±¸ÇöÇÏ¿© °£´ÜÇÑ Ä¿¹Â´ÏƼ »çÀÌÆ®ÀÇ À¥ÆäÀÌÁö¸¦ ±¸¼ºÇÑ´Ù. ¼¹ö»çÀÌµå ¾ð¾îÀÎ PHP¿Í MySQLÀ» »ç¿ëÇØ À¥ÆäÀÌÁöÀÇ ½ÇÁ¦ ±â´ÉÀ» ±¸¼ºÇϸç, µ¥ÀÌÅͺ£À̽º¿Í ¿¬µ¿ÇÏ¿© ȸ¿øÁ¤º¸, °Ô½Ã±Û, ´ñ±Û, °ø°¨ Á¤º¸ µîÀ» ÀúÀåÇÏ°í Ãâ·ÂÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ µû¶óÇغ¸¸ç ÀÌÇØÇÒ ¼ö ÀÖ´Ù.
ÀúÀÚ¼Ò°³
µðÁî´Ï¸¦ ÁÁ¾ÆÇÏ´Â Æò¹üÇÑ ÇÁ·Î±×·¡¸ÓÀÔ´Ï´Ù. ÇÁ·Î±×·¡¹Öº¸´Ù´Â ȸ·Î¿¡ °ü½ÉÀ» °®°í ÀÖ¾úÀ¸³ª ¸ÆºÏÀ¸·Î À¥À» ÇÏ´Â »ç¶÷µéÀ» º¸°í ¹ÝÇÑ ÈÄ ¸ÆºÏÀ» »ç¼ À¥ ÇÁ·Î±×·¡¹Ö °øºÎ¸¦ ½ÃÀÛÇß½À´Ï´Ù.
Çлý ¶§ À¥ ÇÁ·Î±×·¡¹ÖÀ» µ¶ÇÐÇÏ¸é¼ ³×À̹ö ºí·Î±×¿¡ Æ÷½ºÆÃÇÏ´Ù°¡ ¹æ¹®ÇØÁֽŠºÐµéÀÇ ¹ÝÀÀÀÌ ÁÁ¾Æ ¿ë±â¸¦ ¾ò°í ¡®¿¡¹öµðº§¡¯À̶ó´Â »çÀÌÆ®¸¦ Á¦ÀÛÇÏ¿© ¿î¿µÇÏ°í ÀÖ½À´Ï´Ù. ÇöÀç´Â ¿¡¹öµðº§ÀÇ ÀϺ»¾îÆÇÀ» Á¦ÀÛÇÏ°í ÀÖ½À´Ï´Ù.
ÇÁ¶û½º°è ÇØ¿Ü ¸¶ÄÉÆà ±â¾÷¿¡¼ À¥ ÆÛºí¸®¼Å·Î ÀÏÇÏ¸é¼ »çȸ»ýÈ°À» ½ÃÀÛÇÏ¿´½À´Ï´Ù. Çѱ¹°ú ÀϺ»¿¡ Áö½Ä°Å·¡ »çÀÌÆ®¸¦ ¿î¿µÇÏ´Â ±â¾÷¿¡ ÀÔ»çÇÏ¿© ÇÁ·Î±×·¡¸Ó°¡ µÇ¾úÀ¸¸ç, Çؿܹè¼Û´ëÇà ½ºÅ¸Æ®¾÷ ±â¾÷¿¡¼ ÇÁ·ÐÆ®¿£µå °³¹ßÀÚ·Î ±Ù¹«ÇÑ °æ·ÂÀÌ ÀÖ½À´Ï´Ù.
¸ñÂ÷
PART 1. ÇÁ·ÐÆ®¿£µå HTML5 + CSS3 + jQuery
CHAPTER 1. HTML5
1. HTML5 ¼Ò°³
2. ¸ÞŸ ű×
3. ÅؽºÆ® ű×
4. À̹ÌÁö ű×
5. ÇÏÀÌÆÛ¸µÅ© ű×(a ű×)
6. ¸®½ºÆ® ű×
7. form ű×
8. °ø°£ ű×
9. video ű×
10. audio ű×
11. svg¿Í canvas
12. table ű×
CHAPTER 2. CSS3
1. CSS ¼Ò°³
2. CSS¸¦ Àû¿ëÇÏ´Â ¼¼ °¡Áö ¹æ¹ý
3. ¼±ÅÃÀÚ(selector)
4. ÅؽºÆ®¸¦ ²Ù¹Ì´Â CSS ¿ä¼Ò
5. °¡·Î ±æÀÌ¿Í ¼¼·Î ±æÀÌ Á¶Á¤Çϱâ
6. ÅؽºÆ®°¡ ¿µ¿ªÀ» ¹þ¾î³¯ ¶§
7. HTML ¿¤¸®¸ÕÆ®ÀÇ À§Ä¡ º¯°æÇϱâ
8. ¹è°æ ²Ù¹Ì±â
9. ¿Ü°û¼± ±ß±â
10. float¿Í clear
11. ¹Ú½ºÀÇ ¹Ù±ù ¿©¹é ¼³Á¤Çϱâ
12. ¹Ú½ºÀÇ ¾ÈÂÊ ¿©¹é ¼³Á¤Çϱâ
13. CSS ¸®¼Â
14. ¾Ö´Ï¸ÞÀ̼Ç
15. transform
16. transition
17. display
18. ¹ÝÀÀÇü À¥
19. ¹ÝÀÀÇüÀ¸·Î °£´ÜÇÑ ·¹À̾ƿô ¸¸µé±â
20. SVG ű×
CHAPTER 3. jQuery
1. jQuery ½ÃÀÛÇϱâ
2. ¼¿·ºÅÍ
3. ¿¤¸®¸ÕÆ® º¸À̱â¿Í ¼û±â±â
4. Ŭ¸¯ÇßÀ» ¶§ ¹«¾ð°¡ Çϱâ
5. ¸¶¿ì½º Æ÷ÀÎÅ͸¦ ¿ä¼Ò À§¿¡ ¿Ã¸± ¶§ ¹«¾ð°¡ Çϱâ
6. Á¦ÀÌÄõ¸®·Î CSS Àû¿ëÇϱâ
7. º¯¼ö »ç¿ëÇϱâ
8. HTML ¿¤¸®¸ÕÆ®¿¡ ÀÖ´Â ÅؽºÆ® º¯°æÇϱâ
9. HTML ÅÂ±× Á¦¾îÇϱâ
10. ¾Ö´Ï¸ÞÀÌ¼Ç ±â´É
11. ¿¤¸®¸ÕÆ®¿¡ Ŭ·¡½º Ãß°¡, »èÁ¦Çϱâ
12. ¿¤¸®¸ÕÆ®ÀÇ À̵¿
13. Æû ű×ÀÇ °ª Á¶Á¤
14. Æ÷Ä¿½º
15. this »ç¿ëÇϱâ
16. ¿¬»êÀÚ
17. ÇÔ¼ö ¸¸µé±â
18. º¯¼ö¿¡ ´ëÇؼ
19. ±Û·Î¹ú º¯¼ö¿Í ·ÎÄà º¯¼ö
20. Á¶°Ç¹®
21. ¹Ýº¹¹®
22. ½ºÅ©·Ñ À̺¥Æ®
23. AJAX
24. canvas ű×(HTML5)
project ³ªÀÇ Ã¹ À¥¼ºñ½º ¸¸µé±â
CHAPTER 1. ³ªÀÇ Ã¹ À¥¼ºñ½º ÇÁ·ÎÁ§Æ® ¼Ò°³
CHAPTER 2. ³ªÀÇ Ã¹ À¥¼ºñ½º ¸¸µé±â ÇÁ·ÎÁ§Æ® - front end
1. ¸ÞÀÎ ÆäÀÌÁö ¸¸µé±â(index.html)
2. ³ªÀÇ ÆäÀÌÁö ¸¸µé±â(me.html)
3. ¸ðµÎÀÇ ÆäÀÌÁö ¸¸µé±â(all.html)
PART 2. ¹é¿£µå MySQL + PHP
CHAPTER 1. MySQL
1. µ¥ÀÌÅͺ£À̽º¶õ?
2. MySQL ½ÃÀÛÇϱâ
3. µ¥ÀÌÅͺ£À̽º ¸¸µé±â
4. Å×À̺í
5. ÇʵåÀÇ µ¥ÀÌÅÍ Å©±â¿Í µ¥ÀÌÅÍÇü ÁöÁ¤Çϱâ
6. Å×ÀÌºí »ý¼ºÇϱâ
7. ÇʵåÀÇ Ãß°¡, ¼öÁ¤, »èÁ¦
8. Å×ÀÌºí »èÁ¦Çϱâ
9. Å×ÀÌºí¿¡ µ¥ÀÌÅÍ ÀÔ·ÂÇϱâ
10. µ¥ÀÌÅÍ ºÒ·¯¿À±â
11. µ¥ÀÌÅÍÀÇ °ªÀ» º¯°æ, »èÁ¦Çϱâ
12. Å×À̺í ÃʱâÈ
13. 2°³ ÀÌ»óÀÇ Å×ÀÌºí »ç¿ëÇϱâ(JOIN)
14. Áý°èÇÔ¼ö
15. ±×·ìº° Áý°è
16. Ãâ·Â °á°úÀÇ Á¤·Ä
17. ºÒ·¯¿Ã ·¹ÄÚµå ¼ö ÁöÁ¤Çϱâ
18. 2°³ ÀÌ»óÀÇ Å×À̺íÀ» ¹¾î »ç¿ëÇϱâ
19. Äõ¸®¹® ¾ÈÀÇ Äõ¸®¹® ¼ºêÄõ¸®
20. ƯÁ¤ Çʵ忡 °°Àº °ªÀ» ³ÖÁö ¾Ê´Â ¹æ¹ý
2 1 . ¼·Î ´Ù¸¥ ÇʵåÀÇ °ªÀ» ÇÕÃļ Ãâ·ÂÇϱâ
22. °Ë»öÀ» ´õ¿í ºü¸£°Ô ÇÏ´Â À妽º
CHAPTER 2. PHP
1. PHP ¼Ò°³
2. Ãâ·Â¹®
3. ÁÖ¼®
4. º¯¼ö
5. ¿¬»êÀÚ
6. ¹è¿
7. µ¥ÀÌÅÍÇü
8. Á¶°Ç¹®
9. ¹Ýº¹¹®
10. ÇÔ¼ö
11. ÇÔ¼ö ¸¸µé±â
12. POST¿Í GET
13. ±â´ÉÀÇ »ç¹°È
14. ÄÚµåÀÇ ÀçÈ°¿ë
15. PHP¿Í MySQLÀÇ ¿¬µ¿
16. »ó¼ö
17. Á¤±Ô Ç¥Çö½Ä
18. ÆÄÀÏ ¾÷·Îµå
19. µð·ºÅ͸® ÇÔ¼ö
20. ÆÄÀÏ ÇÔ¼ö
21. Anchor ű×ÀÇ ping ¼Ó¼º°ú AJAX
22. ÄíÅ°¿Í ¼¼¼Ç
23. °´Ã¼ÁöÇâ ÇÁ·Î±×·¡¹Ö
project ³ªÀÇ Ã¹ À¥¼ºñ½º ¸¸µé±â
CHAPTER 3. ³ªÀÇ Ã¹ À¥¼ºñ½º ¸¸µé±â ÇÁ·ÎÁ§Æ® - back end
3-1. ȸ¿ø°¡ÀÔ ±â´É
3-2. ·Î±×ÀÎ, ·Î±×¾Æ¿ô ±â´É
3-3. °Ô½Ã¹° µî·ÏÇϱâ
3-4. °Ô½Ã¹° ºÒ·¯¿À±â
3-5. ´ñ±Û µî·ÏÇϱâ
3-6. ´ñ±Û ºÒ·¯¿À±â
3-7. °Ô½Ã¹° °ø°¨Çϱâ
3-8. ¸ðµÎÀÇ ÆäÀÌÁö
3-9. Æ÷Åä ¾÷·Îµå ±â´É
3-10. ³ªÀÇ ·Î±× ¸¸µé±â