ÀÌ Ã¥À» ³»¸ç
µé¾î°¡¸ç
Chapter 1 HTML5
1.1 HTML5 ½ÃÀÛÇϱâ
1.1.1 HTML5ÀÇ ¿ª»ç
1.1.2 HTML5ÀÇ Æ¯Â¡
1.1.3 HTML5ÀÇ ±¸Á¶
1.1.4 ½Ç½À ȯ°æ
1.2 HTML5 ÅÂ±× ¼Ò°³
1.2.1 HTML5 ±âº» ű×
1.2.3 HTML5 ¸ÖƼ¹Ìµð¾î ű×
1.2.4 HTML5 ű×ÀÇ º¯È
1.2.5 HTML5ÀÇ ½Ã¸Çƽ ű×
1.3 HTML5 Ç¥ÁØ API ¼Ò°³
1.3.1 Canvas API
1.3.2 Drag & Drop API
1.3.3 Web Storage API
1.3.4 Web Worker API
1.3.5 Web Socket API
1.3.6 Geolocation API
1.4 ½Ç½À 1
1.4.1 ȸ¿ø°¡ÀÔ
1.4.2 ·Î±×ÀΠȸé
Chapter 2 CSS3
2.1 CSS3ÀÇ °³¿ä
2.1.1 CSS3ÀÇ ¿ª»ç¿Í Ư¡
2.1.2 CSS ÀÛ¼º ¹æ¹ý
2.2 ±âº»ÀûÀÎ CSS3 ¼±ÅÃÀÚ
2.2.1 Àüü ¼±ÅÃÀÚ
2.2.2 ŸÀÔ(ű×) ¼±ÅÃÀÚ
2.2.3 ¾ÆÀ̵ð(ID) ¼±ÅÃÀÚ
2.2.4 Ŭ·¡½º(Class) ¼±ÅÃÀÚ
2.2.5 ¼Ó¼º ¼±ÅÃÀÚ
2.2.6 °¡»ó Ŭ·¡½º ¼±ÅÃÀÚ
2.2.7 ÈļÕ(ÇÏÀ§) ¼±ÅÃÀÚ
2.2.8 ÀÚ½Ä ¼±ÅÃÀÚ
2.2.9 ÇüÁ¦ ¼±ÅÃÀÚ
2.2.10 ÀÎÁ¢ ÇüÁ¦ ¼±ÅÃÀÚ
2.2.11 ±×·ì ¼±ÅÃÀÚ
2.3 CSS3 ÁÖ¿ä ½ºÅ¸ÀÏ ¼Ó¼º
2.3.1 ¹®ÀÚ ½ºÅ¸ÀÏ ¼Ó¼º
2.3.2 ¹®´Ü ½ºÅ¸ÀÏ ¼Ó¼º
2.3.3 Å׵θ® ½ºÅ¸ÀÏ ¼Ó¼º
2.3.4 ¸®½ºÆ® ½ºÅ¸ÀÏ ¼Ó¼º
2.3.5 ¹è°æ ½ºÅ¸ÀÏ ¼Ó¼º
2.3.6 Å×ÀÌºí ½ºÅ¸ÀÏ ¼Ó¼º
2.3.7 ¹Ú½º ¸ðµ¨ ¼Ó¼º
2.3.9 CSS µð¹ö±ë°ú °³¹ßÀÚ µµ±¸
2.4 µðÀÚÀÎÀ» À§ÇÑ °í±Þ ½ºÅ¸ÀÏ È¿°ú
2.4.1 Shadow¿Í Gradient
2.4.2 Navigation°ú Dropdown
2.4.3 Gallery
2.5 CSS3 ·¹À̾ƿô
2.5.1 Å©·Î½º ºê¶ó¿ì¡
2.5.2 ·¹À̾ƿôÀÇ Á¾·ù
2.5.3 CSS ·¹À̾ƿô ¼Ó¼º
2.5.4 À¥ Ç¥ÁØ °ËÁõ
2.6 ½Ç½À 2
2.6.1 HOME È¸é ¸¸µé±â
2.6.2 ·Î±×ÀÎ È¸é ¸¸µé±â
Chapter 3 JavaScript
3.1 JavaScriptÀÇ ½ÃÀÛ
3.1.1 JavaScript ¿ª»ç¿Í Ư¡
3.1.2 JavaScript ±¸Çö ¹æ¹ý
3.1.3 JavaScript ÁÖ¿ä ¹®¹ý
3.1.4 ÇÔ¼ö(Function)
3.2 JavaScript °´Ã¼
3.2.1 °´Ã¼ »ý¼º
3.2.2 Ç¥ÁØ °´Ã¼
3.2.3 ºê¶ó¿ìÀú °´Ã¼ ¸ðµ¨(BOM)
3.2.4 ¹®¼ °´Ã¼ ¸ðµ¨(DOM)
3.2.5 À̺¥Æ®(Event) ¸ðµ¨
3.2.6 JSON
3.2.7 Á¤±Ô Ç¥Çö½Ä
3.3 JavaScript¿Í Ç¥ÁØ API È°¿ë
3.3.1 Audio¿Í Video API
3.3.2 Canvas API
3.3.3 Drag & Drop API
3.3.4 À¥ ½ºÅ丮Áö(Web Storage) API
3.3.5 À¥ ¿öÄ¿(Web Worker) API
3.3.6 À¥ ¼ÒÄÏ(Web Socket) API
3.3.7 Áö¿À·ÎÄÉÀ̼Ç(Geolocation) API
3.4 ½Ç½À3
3.4.1 ·Ñ¸µ µ¥¸ð È¸é ¸¸µé±â
3.4.2 ¸·´ë ±×·¡ÇÁ ±×¸®±â
3.4.3 ÇÁ·ÎÁ§Æ®
Chapter 4 Servlet ÇÁ·Î±×·¡¹Ö
4.1 ServletÀÇ °³¿ä
4.1.1 ServletÀÇ ±¸Çö
4.1.2 ServletÀÇ ¼öÇà
4.1.3 ServletÀÇ ¿äû°ú ÀÀ´ä
4.2 Query ¹®ÀÚ¿ ó¸®
4.2.1 GET ¹æ½Ä Query ¹®ÀÚ¿ ó¸®
4.2.2 POST ¹æ½Ä Query ¹®ÀÚ¿ ó¸®
4.2.3 multipart/form-data ó¸®(ÆÄÀÏ ¾÷·Îµå)
4.3 »óÅ Á¤º¸ °ü¸®
4.3.1 HttpSession °´Ã¼¸¦ È°¿ëÇÏ´Â »óÅ Á¤º¸ °ü¸®
4.3.2 HttpSession °´Ã¼ÀÇ È°¿ë
4.4 ¿äû ÀçÁöÁ¤
4.4.1 forward¸¦ »ç¿ëÇÑ ¿äû ÀçÁöÁ¤
4.4.2 redirect¸¦ »ç¿ëÇÑ ¿äû ÀçÁöÁ¤
Chapter 5 JSP ÇÁ·Î±×·¡¹Ö
5.1 JSPÀÇ °³¿ä
5.1.1 Eclipse¿¡¼ JSP »ý¼º ÇÁ·Î¼¼½º
5.1.2 JSP ó¸® ¹æ½Ä
5.1.3 JSPÀÇ ±¸Çö ¿ä¼Ò
5.2 JSPÀÇ ½ºÅ©¸³Æ® ÅÂ±×¿Í ³»Àå °´Ã¼
5.2.1 ½ºÅ©¸³Æ® ű×
5.2.2 ³»Àå °´Ã¼
5.3 JSPÀÇ Ç¥ÁØ ¾×¼Ç ÅÂ±×¿Í EL
5.3.1 Ç¥ÁØ ¾×¼Ç ű×
5.3.2 EL(Expression Language)
5.4 JSPÀÇ JSTL È°¿ë
5.4.1 core ¶óÀ̺귯¸®
5.4.2 xml ¶óÀ̺귯¸®
Chapter 6 Ajax ÇÁ·Î±×·¡¹Ö
6.1 Ajax °³¿ä
6.1.1 Non-Ajax Web Åë½Å°ú Ajax Web Åë½ÅÀÇ ºñ±³
6.2 Ajax ±¸Çö°ú ÀÀ¿ë
6.2.1 XMLHttpRequest °´Ã¼
6.2.2 XMLHttpRequest °´Ã¼ÀÇ À̺¥Æ® Çڵ鷯 ±¸Çö
6.2.3 Ajax ¿äû¿¡ ´ëÇÑ ¼¹öÀÇ ÀÀ´ä
6.2.4 GET ¹æ½Ä ¿äû ¿¹Á¦
6.2.5 POST ¹æ½Ä ¿äû ¿¹Á¦
6.2.6 Ajax Åë½ÅÀ¸·Î ÀÌÁø ÆÄÀÏ ÀÀ´ä¹Þ±â
6.2.7 ÆÄÀÏ ¾÷·Îµå
6.2.8 SOP Á¦¾à°ú CORS Ç¥ÁØ
Chapter 7 MVC ÆÐÅÏ°ú °Ô½ÃÆÇ ¼Ò½º ºÐ¼®
7.1 MVC °³¹ß ÆÐÅÏ
7.1.1 MVC °³¹ß ÆÐÅÏ °³¿ä
7.1.2 Servlet°ú JSP °£ÀÇ °´Ã¼ °øÀ¯
7.1.3 ´Ù¾çÇÑ ±â´ÉÀÇ MVC ¼Ò½º ºÐ¼®
7.2 MVC ÆÐÅÏ ±â¹Ý °Ô½ÃÆÇ ¼Ò½º ºÐ¼®
7.2.1 °Ô½ÃÆÇ ÇÁ·Î±×·¥ ¼³°è
7.2.2 °Ô½ÃÆÇ ÇÁ·Î±×·¥ ¼Ò½º
ºÎ·Ï A
1 JDBC ¼³Á¤ ¹æ¹ý
1.1 eclipse¿¡¼ Database Development ¼¼Æà ¹æ¹ý
1.2 Java ÇÁ·Î±×·¥°ú µ¥ÀÌÅͺ£À̽º¸¦ ¿¬°áÇÏ´Â 5´Ü°è
2 ÀÚ¹Ù¿Í OracleÀ» ¿¬µ¿Çؼ CRUD ó¸®
2.1 SELECT·Î Àüü µ¥ÀÌÅÍ ºÒ·¯¿À±â
2.2 Statement °´Ã¼: INSRT·Î µ¥ÀÌÅÍ Ãß°¡Çϱâ
2.3 PreparedStatement °´Ã¼: INSERT·Î µ¥ÀÌÅÍ Ãß°¡Çϱâ
2.4 UPDATE·Î µ¥ÀÌÅÍ ¼öÁ¤Çϱâ
2.5 DELETE·Î µ¥ÀÌÅÍ »èÁ¦Çϱâ
ºÎ·Ï B
1.1 Java SEÀÇ JDK ¼³Ä¡
1.2 Tomcat ¼³Ä¡
1.3 Eclipse ¼³Ä¡¿Í Dynamic Web Project »ý¼º
1.4 Oracle 11g Express Edition ¼³Ä¡
ã¾Æº¸±â
ÀÌ Ã¥Àº HTML5, CSS3, JavaScript ±×¸®°í Ajax·Î ±¸¼ºµÇ´Â À¥ Ŭ¶óÀ̾ðÆ® ±â¼ú°ú MVC ÆÐÅÏ ±â¹ÝÀÇ Servlet ¹× JSP ±â¼úÀ» ÇнÀÇÒ ¼ö Àִ åÀÔ´Ï´Ù. À¥ ÇÁ·Î±×·¡¹Ö ±â¼úÀ» °ÀÇÇÏ¸é¼ ½ÇÁ¦ ¼ö¾÷½Ã°£¿¡ »ç¿ëÇÏ´Â ÇнÀ¿ë ¼Ò½ºµéÀ» ±â¹ÝÀ¸·Î ÇßÀ¸¸ç, È¥ÀÚ¼µµ ½±°Ô ÀÌÇØÇÒ ¼ö ÀÖ°Ô ½ÉÇÃÇÑ ¼Ò½º¿Í ÀÚ¼¼ÇÑ ¼³¸íÀ» Ãß°¡ÇÏ·Á°í ³ë·ÂÇß½À´Ï´Ù. ±×¸®°í ÇнÀÇÑ ³»¿ëÀ¸·Î ÇÁ·ÎÁ§Æ® °á°ú¹°À» ¸¸µé ¼ö ÀÖµµ·Ï ±¸¼ºÇÏ¿´½À´Ï´Ù. ÀÌ Ã¥Àº À¥ ÇÁ·Î±×·¥ÀÇ °³³äÀ» ÀÌÇØÇÏ°í È°¿ëÇÒ ¼ö ÀÖµµ·Ï ±æÀâÀÌ ¿ªÇÒÀ» ÇÏ´Â ¾È³»¼ÀÔ´Ï´Ù.
ÃÊ±Þ °³¹ßÀÚ´Â ÀÌ Ã¥À» ÅëÇؼ ½Ç¹« ÇÁ·Î±×·¡¹ÖÀ» Çϴµ¥ ÇÊ¿äÇÑ °æÇèÀ» ÃæºÐÈ÷ ½×¾Æ Áß±Þ °³¹ßÀÚ·Î ¼ºÀåÇÒ ¼ö ÀÖ½À´Ï´Ù. ÀÌ Ã¥À¸·Î À¥À» ÀÌÇØÇÑ ÈÄ ÀڽŸ¸ÀÇ ÇÁ·ÎÁ§Æ®¸¦ ¸¸µé¾î º»´Ù¸é ½Ç·Â ¶ÇÇÑ Å©°Ô Çâ»ó½Ãų ¼ö ÀÖ½À´Ï´Ù.
[ÀÌ Ã¥¿¡ ÇÊ¿äÇÑ ¼±ÇàÇнÀ]
À¥ ÇÁ·Î±×·¡¹ÖÀ» Çϱâ À§Çؼ´Â ´ÙÀ½°ú °°Àº ¼±ÇàÇнÀÀÌ ÇÊ¿äÇÕ´Ï´Ù.
* 1Àå, 2Àå, 3ÀåÀº º°µµÀÇ ¼±ÇàÇнÀÀÌ ÇÊ¿äÇÏÁö ¾Ê½À´Ï´Ù.
* 4Àå, 5Àå, 6Àå, 7ÀåÀº Java ¾ð¾î¿¡ °üÇÑ ±âº» Áö½ÄÀÌ ÇÊ¿äÇÕ´Ï´Ù.
* SQL¿¡ °üÇÑ ±âº» Áö½ÄÀÌ ÇÊ¿äÇÕ´Ï´Ù.
ÀÌ Ã¥Àº Oracle µ¥ÀÌÅͺ£À̽º¸¦ ±â¹ÝÀ¸·Î ÇÕ´Ï´Ù. ºÎ·Ï A¿¡ °£´ÜÇÑ JDBC¸¦ ¼ö·ÏÇßÁö¸¸ ¼±ÇàÇнÀÀÌ µÇ¾î ÀÖ´Ù¸é ÇнÀ È¿°ú¸¦ ´õ Çâ»ó½Ãų ¼ö ÀÖ½À´Ï´Ù.
[ÀÌ Ã¥ÀÇ ´ë»ó µ¶ÀÚ]
ÀÌ Ã¥Àº ´ÙÀ½°ú °°Àº °³¹ßÀÚ¸¦ ´ë»óÀ¸·Î ÇÕ´Ï´Ù.
* À¥ ÇÁ·Î±×·¡¹ÖÀ» óÀ½ °øºÎÇÏ´Â ÇлýÀ̳ª ÀÔ¹®ÀÚ
* À¥ÀÇ °³³äÀ» ÀÌÇØÇÏ¸é¼ ½¬¿î ¿¹Á¦·Î È®ÀÎÇÏ°í ½ÍÀº ÃÊ±Þ °³¹ßÀÚ
* IT °³¹ßÀÚ·Î Ãë¾÷ÇÏ°íÀÚ ÇÏ´Â ÃÊ±Þ °³¹ßÀÚ
[¼Ò½º ÄÚµå ´Ù¿î·Îµå ¹× Q&A]
¼Ò½º ÄÚµå ´Ù¿î·Îµå¿Í Q&A´Â ÀúÀÚ ºí·Î±×¿¡¼ È®ÀÎÇÒ ¼ö ÀÖÀ¸¸ç, ¼Ò½º ÄÚµå´Â ³²°¡¶÷ºÏ½º ȨÆäÀÌÁö ÀÚ·á½Ç¿¡¼µµ È®ÀÎÇÒ ¼ö ÀÖ½À´Ï´Ù.
https://blog.naver.com/javawebstudy
http://www.namgarambooks.co.kr
ÀÚ¹Ù¸¦ ÀÌ¿ëÇÑ À¥ ¾ÖÇø®ÄÉÀ̼ÇÀÇ ±â¼úÀº Servlet°ú JSPÀÔ´Ï´Ù. ÇÏÁö¸¸ ¾î¶² À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ±â¼úÀ» »ç¿ëÇÏµç »ç¿ëÀÚµéÀÌ Á¢Çϴ ȸéÀÇ ±¸¼º°ú µðÀÚÀÎÀº HTML°ú CSSÀÔ´Ï´Ù. À¥ ÇÁ·Î±×·¥À» óÀ½ Á¢ÇÏ´Â µ¶ÀÚµéÀº ÀÌ Ã¥À» ÅëÇؼ Ŭ¶óÀ̾ðÆ®¿Í ¼¹ö ÇÁ·Î±×·¥À» µ¿½Ã¿¡ ÇнÀÇÒ ¼ö ÀÖ½À´Ï´Ù. ÀÌ Ã¥ÀÇ ¸ñÀûÀº HTML5¿Í JSP¸¦ ÀÌ¿ëÇؼ À¥ ÇÁ·ÎÁ§Æ®ÀÇ ±â¼úÀ» ÀÍÈ÷´Â °ÍÀÔ´Ï´Ù.
À¥ ÇÁ·Î±×·¡¹Ö ±â¼úÀ» ÀÍÈ÷°íÀÚ ÇÏ´Â ¸ðµç ºÐµéÀÌ ÀÌ Ã¥À» ÅëÇؼ À¥ Ŭ¶óÀ̾ðÆ® ±¸Çö ¹æ¹ý ¹× Servlet°ú JSP·Î ±¸ÇöÇÏ´Â À¥ ¼¹ö ±¸Çö ¹æ¹ý ±×¸®°í ¼öÇà ¿ø¸®¸¦ Àß ÀÍÇô¼ °³ÀÎÀûÀÎ ¿ª·®À» Àß Å°¿ö°¡±æ ¹Ù¶ø´Ï´Ù.
[ÀÌ Ã¥ÀÇ ±¸¼º]
1Àå. HTML5
2Àå. CSS3
3Àå. JavaScript
4Àå. Servlet ÇÁ·Î±×·¡¹Ö
5Àå. JSP ÇÁ·Î±×·¡¹Ö
6Àå. Ajax
7Àå. MVC ÆÐÅÏ°ú °Ô½ÃÆÇ ¼Ò½º ºÐ¼®
ºÎ·Ï A. JDBC
ºÎ·Ï B. JDK ¼³Ä¡, Tomcat ¼³Ä¡, Eclipse ¼³Ä¡, Oracle 11g Express Edition ¼³Ä¡
1Àå¿¡¼ 3Àå±îÁö´Â À¥ÀÇ ±âÃÊÁö½ÄÀÎ HTML, µðÀÚÀÎÀ» ó¸®ÇÏ´Â CSS, µ¿ÀûÀÎ ±â´ÉÀ» ±¸ÇöÇÏ´Â JavaScript¿¡ ´ëÇØ ¼³¸íÇß½À´Ï´Ù. 4Àå¿¡¼ 7Àå±îÁö´Â JavaÀÇ °³³äÀ» ÀÌÇØÇÏ°í ÀÖ´Â µ¶ÀÚµéÀÌ Servlet°ú JSP¸¦ ÀÌ¿ëÇÏ¿© À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÇöÇÒ ¼ö ÀÖµµ·Ï ±¸¼ºÇÏ¿´½À´Ï´Ù. ¶ÇÇÑ, Ŭ¶óÀ̾ðÆ®¿Í ¼¹ö °£ ºñµ¿±â 󸮸¦ ÇÒ ¼ö ÀÖ´Â Ajax¸¦ ¼ö·ÏÇß½À´Ï´Ù. ¸¶Áö¸·À¸·Î MVC ÆÐÅÏÀ» ±â¹ÝÀ¸·Î ÇÑ °Ô½ÃÆÇÀ» Ãß°¡Çß½À´Ï´Ù. ½¬¿î ¿¹Á¦ºÎÅÍ ½Ç¹«¿¡¼ ¹Ù·Î »ç¿ëÇÒ ¼ö ÀÖ´Â ÄÚµå±îÁö Step by StepÀ¸·Î °øºÎÇÒ ¼ö ÀÖ°Ô ±¸¼ºÇß½À´Ï´Ù. ÀÌ Ã¥Àº óÀ½ À¥À» Á¢ÇÏ´Â µ¶ÀÚ¿Í ÀÌ¹Ì À¥À» ¾Ë°í ÀÖÁö¸¸ ´Ù½Ã ÇÑ ¹ø Á¤¸®Çϱâ À§ÇÑ µ¶ÀÚµéÀ» À§ÇØ ÀÌÇØÇϱ⠽±°Ô ¿¹Á¦ ¼Ò½º¿Í ³»¿ëÀ» Ä£ÀýÇÏ°Ô ¼³¸íÇÏ°í ÀÖ½À´Ï´Ù.