|
|
|
À¥ °³¹ßÀÚ ·¹ÆÛ·±½º °¡À̵å : ¸ð´ø À¥ °³¹ßÀ» À§ÇÑ ÇÁ·¹ÀÓ¿öÅ©
|
|
|
acorn PACKT1
¤Ó Á¶½´¾Æ Á¶Çϳ(Joshua Johanan), Å×Å© Æ®·£½º ±×·ì T4
¤Ó
¿¡ÀÌÄÜÃâÆÇ
¤Ó
Web Developer's Reference Guide
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
[À¥ °³¹ßÀÚ ·¹ÆÛ·±½º °¡À̵å]´Â À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß¿¡ ÀÖ¾î ÇÊ¿äÇÑ ±âº» ¿ä¼Ò¸¦ ºüÁü ¾øÀÌ ¼Ò°³ÇÑ´Ù. À¥ ±â¼úÀÇ ±âº»À̶ó°í ÇÒ ¼ö ÀÖ´Â HTML°ú CSS¸¦ ½ÃÀÛÀ¸·Î µ¿ÀûÀÎ ¿ä¼Ò¸¦ Ãß°¡ÇÒ ÀÚ¹Ù½ºÅ©¸³Æ®¿Í À̸¦ È°¿ëÇÑ ¼¹ö °ü·Ã ±â¼úÀÎ NodeJS, À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» °³¹ßÇϱâ À§ÇÑ ±âº»ÀûÀÎ ±â¼ú¿¡ ´ëÇØ »ó¼¼ÇÏ°Ô ¼Ò°³ÇÑ´Ù. ±×¸®°í ºÎÆ®½ºÆ®·¦À̳ª jQuery, ¾Þ±Ö·¯JS¿Í °°Àº À¥ ÇÁ·¹ÀÓ¿öÅ©¸¦ È°¿ëÇØ À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ´õ È¿À²ÀûÀÌ°í ¸ÚÁö°Ô ¸¸µå´Â ¹æ¹ýÀ» ¼³¸íÇÑ´Ù. ¸ð¹ÙÀÏ ±â±â¸¦ ÅëÇØ À¥¿¡ Á¢¼ÓÇÏ´Â »ç¿ëÀÚ°¡ ¸¹¾ÆÁö¸é¼ ¹ÝÀÀÇü À¥ÀÇ ÀαⰡ ³ô¾ÆÁ³´Ù. ÀÌ·± Ãß¼¼¿¡ ¸ÂÃç À¥ °³¹ß¿ë ÇÁ·ÐÆ®¿£µå ÇÁ·¹ÀÓ¿öÅ©ÀÎ ºÎÆ®½ºÆ®·¦¿¡ ´ëÇؼµµ ¼³¸íÇÑ´Ù.
-
-
¡Ú ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë ¡Ú
¡á ÁÖ¿ä HTML ¿ä¼Ò ¹× ¼Ó¼º¿¡ °üÇÑ ¼³¸í°ú ¿¹Á¦
¡á CSS ÇÁ·ÎÆÛƼ ¹× ÇÔ¼öÀÇ °³³ä°ú »ç¿ë¹ý
¡á ÀÚ¹Ù½ºÅ©¸³Æ® ¹®¹ý°ú Ç¥Çö½Ä
¡á ´Ù¾çÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ÆÐÅÏ°ú ÀÚ¹Ù½ºÅ©¸³Æ® °´Ã¼ ÁöÇâ ÇÁ·Î±×·¡¹ÖÀÇ ±âº»
¡á À¥ ¾ÖÇø®ÄÉÀ̼ÇÀÇ Å¬¶óÀ̾ðÆ® ´Ü ½ºÅ©¸³ÆÃÀ» À§ÇÑ ÃֽŠECMASCript 6 ±¸Çö
¡á ½Å¼ÓÇÑ À¥»çÀÌÆ® ÇÁ·ÐÆ®¿£µå °³¹ßÀ» À§ÇÑ »õ·Î¿î ¹æ¹ý°ú ºÎÆ®½ºÆ®·¦
¡á jQuery¸¦ ÀÌ¿ëÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® È®Àå
¡á ÀÚ¹Ù½ºÅ©¸³Æ® ¼¹ö ´Ü ÇÁ·Î±×·¡¹ÖÀ» À§ÇÑ ÇÙ½É Node.js ¸ðµâ
¡á AngularJSÀÇ Áß¿ä ¸ðµâ, ÄÁÆ®·Ñ·¯, Áö½ÃÀÚ, ¼ºñ½º
¡Ú ÀÌ Ã¥ÀÇ ´ë»ó µ¶ÀÚ ¡Ú
°í±Þ À¥ °³¹ßÀÚ»Ó ¾Æ´Ï¶ó Ãʺ¸ÀÚµµ À¯¿ëÇÏ°Ô ÀÐÀ» ¼ö ÀÖµµ·Ï ÀÛ¼ºµÆ´Ù. À¥ °³¹ßÀÚ¶ó¸é ´©±¸³ª ¼ÒÁßÇÑ ¸®¼Ò½º¸¦ ¾òÀ» ¼ö ÀÖÀ» °ÍÀÌ´Ù. HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ®, NodeJS, ºÎÆ®½ºÆ®·¦, jQuery, Angular¿¡ ´ëÇÑ ÄܼÁÆ®¸¦ ã¾Æº¼ ¼ö ÀÖ´Ù.
¡Ú ÀÌ Ã¥ÀÇ ±¸¼º ¡Ú
1Àå, ¡®HTML ¿ä¼Ò¡¯¿¡¼´Â À¥ÆäÀÌÁö¸¦ ¸¸µé ¶§ ÇÊ¿äÇÑ ¸ðµç ¿ä¼Ò¸¦ »ìÆ캻´Ù. HTML5À» ÁýÁßÀûÀ¸·Î ´Ù·é´Ù.
2 Àå, ¡®HTML ¼Ó¼º¡¯¿¡¼´Â HTML ¿ä¼Ò¿Í °°ÀÌ »ç¿ëÇÒ ¼ö ÀÖ´Â ¼Ó¼ºÀ» »ìÆ캻´Ù.
3Àå, ¡®CSS °³³ä°ú ¾ÖÇø®ÄÉÀ̼ǡ¯¿¡¼´Â ¼±ÅÃÀÚ(selector)¿¡ ´ëÇØ ÁÖ·Î ¼³¸íÇÑ´Ù. ¼±ÅÃÀÚ´Â CSS ¼Ó¼ºÀÌ ¾î¶² ¿ä¼Ò¿¡ Àû¿ëµÉÁö¸¦ °áÁ¤ÇÑ´Ù.
4Àå, ¡®CSS ÇÁ·ÎÆÛƼ: ÆÄÆ®I¡¯¿¡¼´Â ¾Ö´Ï¸ÞÀ̼Ç, ¹é±×¶ó¿îµå, ¹Ú½º ¸ðµ¨, CSS À¯´Ö, Ä®·³, Ç÷º½º¹Ú½º(Flexbox)ÀÇ ÇÁ·ÎÆÛƼ¸¦ ´Ù·é´Ù.
5Àå, ¡®CSS ÇÁ·ÎÆÛƼ: ÆÄÆ®2¡¯¿¡¼´Â ÆùÆ®, Æ®·£½ºÆû(transform), Àüȯ(transition), Æ÷Áö¼Ç(position), ÅؽºÆ®, Å×À̺í, ´Ü¾î(word,) ´Ü¶ô(paragraph), ÆäÀÌ¡(paging)À» ´Ù·é´Ù.
6Àå, ¡®CSS ÇÁ·ÎÆÛƼ: ÆÄÆ®3¡¯¿¡¼´Â ÆäÀÌÁö ¹Ú½º, ¸®½ºÆ®, Ä«¿îÅÍ, ¼¨µµ¿ì µå·Ó(drop shadow), µð½ºÇ÷¹ÀÌ(display)¿Í °¡½Ã¼º(visibility), ¸¶½ºÅ·(masking)°ú Å©¸®ÇÎ(clipping), »ç¿ëÀÚ ÀÎÅÍÆäÀ̽º ¹× 3DÀÇ ÇÁ·ÎÆÛƼ¸¦ ´Ù·é´Ù.
7Àå, ¡®CSS ÇÔ¼ö¡¯¿¡¼´Â ÇÊÅÍ, Æ®·£½ºÆû, »ö»ó, ±×·¡µð¾ðÆ®, °ªÀ» ´Ù·é´Ù. at-±ÔÄ¢, Àü¿ª Å°¿öµå °ª, ±âŸ Ç׸ñ µîÀÇ º°µµ °³³äµµ ´Ù·ð´Ù.
8Àå, ¡®ÀÚ¹Ù½ºÅ©¸³Æ® ±¸Çö, ±âº» ¹®¹ý, º¯¼ö ŸÀÔ¡¯¿¡¼´Â ¹®¹ý°ú º¯¼ö, ±×¸®°í ŸÀÔÀ» Æ÷ÇÔÇÑ ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±¸Çö°ú ±âº»ÀûÀÎ ¾ð¾î »çÇ×À» ´Ù·ð´Ù. ÀÌ Àå¿¡¼´Â ±âº»ÀûÀÎ ½ºÅ©¸³ÆÃÀ» ÀÌÇØÇÏ°í ½ÃÀÛÇÒ ¼ö ÀÖµµ·Ï ÇØÁØ´Ù.
9Àå, ¡®ÀÚ¹Ù½ºÅ©¸³Æ® Ç¥Çö½Ä, ¿¬»êÀÚ, ¹®Àå, ¹è¿¡¯¿¡¼´Â ±âº»ÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾î¸¦ ÀÌÇØÇÏ°í ´õºÒ¾î °í±Þ ³»¿ëÀ¸·Î ³ª¾Æ°£´Ù. ÀÚ¹Ù½ºÅ©¸³Æ® Ç¥Çö½Ä, ±âº» ¿¬»êÀÚ, ¹®Àå, ¹è¿À» ¼Ò°³ÇÏ°í, ´õ ³ªÀº ÀÌÇظ¦ µ½±â À§ÇØ ¿¹Á¦¸¦ Æ÷ÇÔÇÑ´Ù.
10Àå, ¡®ÀÚ¹Ù½ºÅ©¸³Æ® °´Ã¼ ÁöÇâ ÇÁ·Î±×·¡¹Ö¡¯¿¡¼´Â °´Ã¼ ÁöÇâ ÇÁ·Î±×·¡¹ÖÀÇ ±âº» °³³äÀ» ¼³¸íÇÑ´Ù. »ó¼Ó(inheritance), ´ÙÇü¼º(polymorphism), Ãß»óÈ(abstraction), ĸ½¶È(encapsulation)¸¦ ´Ù·é´Ù. ±×¸®°í ¿ÀºêÁ§Æ®, Ŭ·¡½º, °ü·Ã ¸Þ¼Òµå¸¦ »ç¿ëÇÏ´Â ¹æ¹ýÀ» ¹è¿î´Ù. ´õ ³ªÀº ÀÌÇظ¦ µ½±â À§ÇØ ´Ù¾çÇÑ ¿¹Á¦¸¦ Æ÷ÇÔÇÑ´Ù.
11Àå, ¡®ÀÚ¹Ù½ºÅ©¸³Æ®¿Í ECMAScript 6ÀÇ È®À塯¿¡¼´Â 2015³â¿¡ Ãâ½ÃµÈ ECMAScript 6ÀÇ ¸ðµç »õ·Î¿î ±â´ÉÀ» ´Ù·é´Ù. ¿ÀºêÁ§Æ®, ÆÐÅÏ, ¹®¹ýÀûÀÎ º¯°æ »çÇ×, ±âÁ¸ ¿ÀºêÁ§Æ®ÀÇ »õ·Î¿î ¸Þ¼Òµå µî±îÁö ¸ðµç ±â´ÉÀ» »ó¼¼È÷ ´Ù·é´Ù.
12Àå, '¼¹ö ´Ü ÀÚ¹Ù½ºÅ©¸³Æ®: NodeJS¡¯¿¡¼´Â Ŭ¶óÀ̾ðÆ® ´ÜÀÌ ¾Æ´Ñ ¼¹ö ´Ü¿¡¼ÀÇ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÀÛ¼ºÇÏ´Â ¹æ¹ýÀ» ¹è¿î´Ù. Ưº°ÇÑ NodeJS ¿ÀºêÁ§Æ®¿Í Æз¯´ÙÀÓÀ» ¹è¿ì¸ç, ÀÚ¹Ù½ºÅ©¸³Æ®¿Í °ü·ÃµÈ ´Ù¸¥ ÀåÀÇ °³³äµµ ´Ù½Ã »ç¿ëÇÑ´Ù.
13Àå, 'ºÎÆ®½ºÆ®·¦: ½ºÅ¸Àϸ®½Ã CSS ÇÁ·ÐÆ®¿£µå ÇÁ·¹ÀÓ¿öÅ©¡¯¿¡¼´Â ¹ÝÀÀÇü À¥»çÀÌÆ®¸¦ ¸¸µé±â À§ÇÑ Á÷°üÀûÀÎ ÇÁ·¹ÀÓ¿öÅ©ÀÎ ºÎÆ®½ºÆ®·¦¿¡ ´ëÇØ... À̾߱âÇÑ´Ù. ºÎÆ®½ºÆ®·¦Àº ÀÚ¹Ù ½ºÅ©¸³Æ®, HTML, CSS¸¦ Æ÷ÇÔÇÑ´Ù. ºÎÆ®½ºÆ®·¦ ÇÁ·¹ÀÓ¿öÅ©¿¡ ´ëÇÑ ÀÚ¼¼ÇÑ ³»¿ëÀ» Á¦°øÇϸç, ¹ÝÀÀÇü ·¹À̾ƿô°ú À¥ÆäÀÌÁö¸¦ ¸¸µé ¼ö ÀÖ°Ô ÇØÁØ´Ù. °¢ ÅäÇÈÀº °ü·Ã ¿¹Á¦¸¦ Æ÷ÇÔÇÑ´Ù.
14Àå, ¡®jQuery: À¯¸íÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸®¡¯¿¡¼´Â HTMLÀÇ ´Ù¾çÇÑ ³»¿ëÀ» Áö¿øÇÏ´Â ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸®ÀÎ jQuery¸¦ ÁýÁßÀûÀ¸·Î ¼³¸íÇÑ´Ù. ½Å¼ÓÇÑ °³¹ßÀ» À§ÇÑ HTML ¹®¼ÀÇ ¿ä¼Ò, ¸Þ¼Òµå, À̺¥Æ® Çڵ鸵, ¾Ö´Ï¸ÞÀ̼Ç, AJAX¿¡ ´ëÇØ ¹è¿î´Ù.
15Àå, ¡®AngularJS: ±¸±ÛÀÇ ¸ÂÃãÇü ÇÁ·¹ÀÓ¿öÅ©¡¯¿¡¼´Â ¿ÜºÎ ¶óÀ̺귯¸®¸¦ ´Ù·ç´Â ³»¿ë Áß ¸¶Áö¸· ºÎºÐÀÌ´Ù. ±¸±Û¿¡ ÀÇÇØ ¼Ò°³µÈ °¡Àå À¯¸íÇÑ ÇÁ·¹ÀÓ¿öÅ©ÀÎ Angular¸¦ »ç¿ëÇØ ¾ÖÇø®ÄÉÀ̼ÇÀ» °³¹ßÇÒ ¶§ ÇÊ¿äÇÑ ÁÖ¿ä ÄܼÁÆ®¸¦ ¼³¸íÇÑ´Ù.
-
-
1Àå. HTML ¿ä¼Ò
__DOCTYPE
____¼Ó¼º
____¼³¸í
__html
____¼Ó¼º
____¼³¸í
__¹®¼ ¸ÞŸµ¥ÀÌÅÍ
____head
____title
____link
____meta
____style
____base
____script
____noscript
__½Ã¸Çƽ ÄÜÅÙÃ÷
____body
____section
____nav
____article
____Heading
____header
____footer
____address
____aside 64
____p
__content ¼½¼Ç
____hr
____pre
____blockquote
____ol
____ul
____li
____dl
____dt
____dd
____figure
____figcaption
____div
____main
__ÀζóÀÎ ¿ä¼Ò
____a
____abbr
____bdo
____br
____cite
____code
____dfn
____em
____kbd
____mark
____q
____s
____samp
____small
____span
____strong
____sub
____sup
____time
____var
____wbr
__»ðÀÔµÈ ÄÜÅÙÃ÷
____img
____iframe
____embed
____object
____param
____video
____audio
____so...urce
____track
__Å×À̺í
____table
____caption
____tbody
____thead
____tfoot
____tr
____td
____th
__Æû
____form
____fieldset
____legend
____label
____input
____button
____select
____optgroup
____option
____textarea
__µå·ÎÀ× ¿ä¼Ò
____canvas
____svg
2Àå. HTML ¼Ó¼º
__Àü¿ª ¼Ó¼º
____accesskey
____class
____contenteditable
____data-*
____dir
____draggable
____hidden
____id
____lang
____spellcheck
____style
____tabindex
____title
__±× ¿Ü ¼Ó¼º
____accept
____accept-charset
____action
____alt
____async
____autocomplete
____autofocus
____autoplay
____autosave
____cite
____cols
____colspan
____datetime
____disabled
____download
____content
____controls
____for
____form
____formaction
____height
____href
____hreflang
____label
____list
____loop
____max
____maxlength
____media
____method
____min
____multiple
____name
____novalidate
____pattern
____placeholder
____poster
____readonly
____rel
____required
____reversed
____rows
____rowspan
____scope
____selected
____size
____src
____start
____step
____type
____value
____width
____wrap
3Àå. CSS °³³ä°ú ¾ÖÇø®ÄÉÀ̼Ç
__±âº» ¼±ÅÃÀÚ
____´Ü¼ø ¼±ÅÃÀÚ
__¿¬°áÀÚ
____ÀÚ¼Õ ¿¬°áÀÚ
____ÀÚ½Ä ¿¬°áÀÚ
____ÀÎÁ¢ ÇüÁ¦ ¿¬°áÀÚ
____ÀÏ¹Ý ÇüÁ¦ ¿¬°áÀÚ
____¼±ÅÃÀÚ ¸í½Ãµµ
__°¡»ó Ŭ·¡½º
____¸µÅ© °¡»ó Ŭ·¡½º
____»ç¿ëÀÚ ¾×¼Ç °¡»ó Ŭ·¡½º
____±¸Á¶Àû ¼±ÅÃÀÚ
__»óÅ ¼±ÅÃÀÚ
____:checked
____:default
____:disabled°ú :enabled
____:empty
____:in-range¿Í :out-of-range
____:invalid¿Í :valid
____:not ¶Ç´Â ºÎÁ¤
____:optional°ú :required
____:lang()
__°¡»ó ¿ä¼Ò
____::before¿Í ::after
____::first-letter
____::first-line
____::selection
__»ý¼ºµÈ ÄÜÅÙÃ÷
____content
____ÀÎ¿ë ºÎÈ£
4Àå. CSS ÇÁ·ÎÆÛƼ: ÆÄÆ® 1
__¾Ö´Ï¸ÞÀ̼Ç
____±âº» ¸¶Å©¾÷°ú CSS
____ÃÖÁ¾ CSS ÄÚµå
__¹é±×¶ó¿îµå
____background-attachment
____background-blend-mode
____background-clip
____background-color
____background-image
____background-origin
____background-position
____background-repeat
____background-size
____background
__¹Ú½º ¸ðµ¨
____width
____height
____padding
____margin
____Border
____box-sizing
____max-height
____max-width
____min-height
____min-width
____object-fit
____object-position
__Border radius
____border-radius
__Unit
____»ó´ëÀû ±æÀÌ ´ÜÀ§
____ºäÆ÷Æ®: »ó´ë ±æÀÌ ´ÜÀ§
____Àý´ë ±æÀÌ ´ÜÀ§
____°¢µµ µ¥ÀÌÅÍ Å¸ÀÔ
____ÇØ»óµµ ´ÜÀ§
____½Ã°£ ´ÜÀ§
____Ä®·³
__Ç÷º½º¹Ú½º
____flex-grow
____flex-shrink
____flex-basis
____flex-direction
____flex-wrap
____flex-flow
____align-content
____align-items
____align-self
____order
____justify-content
____flex
__¿ä¾à
5Àå. CSS ÇÁ·ÎÆÛƼ: ÆÄÆ® 2
__ÆùÆ®
____font-family
____font-feature-settings
____font-size
____font-size-adjust
____font-stretch
____font-style
____font-variant
____font-variant-ligatures
____font-weight
____font
__Æ®·£½ºÆû
____transform
____transform-origin
____transform-style
____Transition
__Æ÷Áö¼Å´×
____position
____top
____bottom
____left
____right
____vertical-align
__ÅؽºÆ®
____color
____text-align
____text-decoration
____text-decoration-line
____text-decoration-color
____text-decoration-style
____text-indent
____text-overflow
____text-rendering
____text-shadow
____text-transform
____text-underline-position
____direction
__Å×À̺í
____table-layout
____border-collapse
____border-spacing
____empty-cells
____caption-side
__´Ü¾î¿Í ´Ü¶ô
____hyphens
____word-break
____word-spacing
____word-wrap
____line-height
____orphans
____quotes
____widows
____writing-mode
____letter-spacing
____white-space
____tab-size
__ÆäÀÌ¡
____page-break-after
____page-break-before
____page-break-inside
6Àå. CSS ÇÁ·ÎÆÛƼ: ÆÄÆ® 3
__ÆäÀÌÁö ¹Ú½º
____bleed
____¼³¸í
____marks
__¸®½ºÆ®
____list-style
____list-style-type
____list-style-position
____list-style-image
__Ä«¿îÅÍ
____counter-reset
____counter-increment
__¼¨µµ¿ì µå·Ó(drop shadow)
____box-shadow
__µð½ºÇ÷¹ÀÌ¿Í °¡½Ã¼º ¼Ó¼º
____all
____clear
____display
____opacity
____filter
____overflow
____overflow-x
____overflow-y
____visibility
____z-index
__¸¶½ºÅ·°ú Ŭ¸®ÇÎ
____mask
____mask-clip
____mask-composite
____mask-image
____mask-mode
____mask-origin
____mask-position
____mask-repeat
____mask-size
____mask-type
____mask-border
____mask-border-source
____mask-border-mode
____mask-border-slice
____mask-border-width
____mask-border-outset
____mask-border-repeat
____clip-path
__À̹ÌÁö ·»´õ¸µ°ú ¿À¸®¿£Å×À̼Ç(¹æÇâ)
____image-orientation
____image-rendering
__»ç¿ëÀÚ ÀÎÅÍÆäÀ̽º
____cursor
____pointer-events
____outline
__3Â÷¿ø
____perspective
____perspective-origin
____backface-visibility
__¿ä¾à
7Àå. CSS ÇÔ¼ö
__ÇÊÅÍ
____brightness()
____contrast()
____grayscale()
____invert()
____hue-rotate()
____blur()
____saturate()
____sepia()
____Æ®·£½ºÆû
____matrix()
____matrix3d()
____rotate3d()
____rotateX()
____rotateY()
____rotateZ()
____scale()
____scale3d()
____scaleX()
____scaleY()
____scaleZ()
____skew()
____skewX()
____skewY()
____steps()
____translate()
____translate3d()
____translateX()
____translateY()
____translateZ()
__»ö»ó
____hsl()¿Í hsla()
____rgb()¿Í rgba()
__±×·¡µð¾ðÆ®
____linear-gradient()
____radial-gradient()
____repeating-linear-gradient()
____repeating-radial-gradient()
__°ª
____attr()
____¹ÝÀÀÇü Å×À̺í
____calc()
____url()
____cubic-bezier()
__±âŸ
____drop-shadow()
____element()
____image()
____¼³¸í
____opacity()
____perspective()
____rect()
__at-±ÔÄ¢
____@charset
____@document()
____@font-face
____±¸±Û ÆùÆ®
____@import
____@keyframes
____@media
____@namespace
____@page
____@supports
__Àü¿ª CSS Å°¿öµå °ª
____auto
____inherit
____initial
____none
____normal
____unset
____revert
____¿ä¾à
8Àå. ÀÚ¹Ù½ºÅ©¸³Æ® ±¸Çö, ±âº» ¹®¹ý, º¯¼ö ŸÀÔ
__ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¿ª»ç
____ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¹ßÀü
__ÀÚ¹Ù½ºÅ©¸³Æ® ±¸Çö
____ÄÚ¾î ÀÚ¹Ù½ºÅ©¸³Æ®(ECMAScript)
____DOM
____BOM
____Ŭ¶óÀ̾ðÆ® ´ÜÀÇ ÀÚ¹Ù½ºÅ©¸³Æ®(Client-side JavaScript)
____¿ÜºÎ ÀÚ¹Ù½ºÅ©¸³Æ® ÆÄÀÏ ·ÎµùÇϱâ
____ÀÚ¹Ù½ºÅ©¸³Æ®·Î ù ¹ø° ÇÁ·Î±×·¥ ¸¸µé±â
____¼¹ö ´ÜÀÇ ÀÚ¹Ù½ºÅ©¸³Æ®
____Rhino¸¦ »ç¿ëÇØ ½ºÅ©¸³Æ® ¸¸µé±â
____Node.js
____¼³¸í
__¾ð¾îÀû ¹®¹ý
____Language
____Type
__¹®ÀÚ ¼¼Æ®
____´ë¼Ò¹®ÀÚ ±¸º°
____ÈÀÌÆ®½ºÆäÀ̽º¿Í ÁÙ ¹Ù²Þ
____À¯´ÏÄÚµå À̽ºÄÉÀÌÇÁ ½ÃÄö½º
____Á¤±ÔÈ
____½Äº°ÀÚ
____¿¹¾à Å°¿öµå
____ÁÖ¼®
____¸®ÅÍ·²
____¹®Àå
____¼¼¹ÌÄÝ·Ð
__µ¥ÀÌÅÍ Å¸ÀÔ
____¿¬»êÀÚ Å¸ÀÔ
____undefined ŸÀÔ
____³Î ŸÀÔ
____¼ýÀÚ Å¸ÀÔ
____ºÒ¸° ŸÀÔ
____¹®ÀÚ¿ ŸÀÔ
____¿ÀºêÁ§Æ® ŸÀÔ
__º¯¼ö, ¹üÀ§, ¸Þ¸ð¸®
____º¯¼ö ¼±¾ð
____º¯¼ö ¹üÀ§
____ÇÁ¸®¹ÌƼºê¿Í ·¹ÆÛ·±½º °ª
____½ÇÇà ÄÁÅؽºÆ®¿Í ¹üÀ§
____°¡ºñÁö Ä÷º¼Ç
9Àå. ÀÚ¹Ù½ºÅ©¸³Æ® Ç¥Çö½Ä, ¿¬»êÀÚ, ¹®Àå, ¹è¿
__Ç¥Çö½Ä
____±âº» Ç¥Çö½Ä
____¿ÀºêÁ§Æ® ÃʱâÈ
____ÇÔ¼ö Á¤ÀÇ Ç¥Çö½Ä
____ÇÁ·ÎÆÛƼ ¾×¼¼½º Ç¥Çö½Ä
____È£Ãâ Ç¥Çö½Ä
____¿ÀºêÁ§Æ® »ý¼º Ç¥Çö½Ä
____Æò°¡ Ç¥Çö½Ä
__¿¬»êÀÚ
____°³¿ä
____»ê¼ú ¿¬»êÀÚ
____³í¸® ¿¬»êÀÚ
____ÁöÁ¤ ¿¬»êÀÚ
____´©½Â ÁöÁ¤ÀÚ (**=)
____°ü°è ¿¬»êÀÚ
__¹®Àå
____Ç¥Çö¹®
____º¹ÇÕ ºó ¹®Àå(Compound empty statement)
____¼±¾ð¹®
____Á¶°Ç¹®
____·çÇÁ
____Á¡ÇÁ¿Í ¶óº§ ¹®Àå
__¹è¿
____¹è¿ ŸÀÔ
____¹è¿ ŸÀÔ ¿ÀºêÁ§Æ®
____¹è¿ ¸¸µé±â
____¹è¿ ¿ä¼Ò¿¡ ÀÐ°í ¾²±â
____ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ´ÙÂ÷¿ø ¹è¿
____¹è¿ ³» ÇÁ·ÎÆÛƼ
____¹è¿ ¸Þ¼Òµå
____ECMA ¹è¿ ¸Þ¼Òµå
10Àå. ÀÚ¹Ù½ºÅ©¸³Æ® °´Ã¼ ÁöÇâ ÇÁ·Î±×·¡¹Ö
__´ÙÇü¼º
____ĸ½¶È
____»ó¼Ó
____Ãß»óÈ
__¿ÀºêÁ§Æ®
____¿ÀºêÁ§Æ® ¸¸µé±â
____µðÀÚÀÎ ÆÐÅÏ
____ÇÁ·ÎÆÛƼ getter¿Í setter
____ÇÁ·ÎÆÛƼ »èÁ¦
____Å×½ºÆà ÇÁ·ÎÆÛƼ
____ÇÁ·ÎÆÛƼ ¿°Å
____ÇÁ·ÎÆÛƼ ¼Ó¼º
____¿ÀºêÁ§Æ® ¼Ó¼º
____°´Ã¼ Á÷·ÄÈ
____¿ÀºêÁ§Æ® ¸Þ¼Òµå
__ÇÔ¼ö¿Í ¸Þ¼Òµå
____ÇÔ¼ö invokeÇϱâ
____ÇÔ¼ö Á¤ÀÇÇϱâ
____ÇÔ¼öÀÇ Àμö¿Í ÆĶó¹ÌÅÍ
____ÆĶó¹ÌÅÍ¿Í ¹Ýȯ °ª
____³×ÀÓ½ºÆäÀ̽º·Î¼ ÇÔ¼ö
____Ŭ·ÎÀú
____ÇÔ¼ö ÇÁ·ÎÆÛƼ
____¸Þ¼Òµå
____ÇÔ¼ö »ý¼ºÀÚ
__Ŭ·¡½º¿Í ¸ðµâ
____Ŭ·¡½º¿Í ÇÁ·ÎÅäŸÀÔ
____»ý¼ºÀÚ
____Ŭ·¡½º Á¤ÀÇÇϱâ
____ECMA5 ½ºÅ©¸³Æ® ³»ÀÇ Å¬·¡½º
____¸ðµâ
__»ó¼Ó
____ÇÁ·ÎÅäŸÀÔ Ã¼ÀÎ
____»ý¼ºÀÚ ÈÉÄ¡±â
____Á¶ÇÕ »ó¼Ó
____ÇÁ·ÎÅäŸÀÔ »ó¼Ó
____±â»ý »ó¼Ó
____±â»ý Á¶ÇÕ »ó¼Ó
____¼ºêŬ·¡½º
__ºôÆ®ÀÎ ¿ÀºêÁ§Æ®
____Àü¿ª ¿ÀºêÁ§Æ®
____³¯Â¥ ¿ÀºêÁ§Æ®
____getTime()
____getMilliseconds()
____getMinutes()
____getHours()
____getDate()
____getDay()
____getMonth()
____getFullYear()
____³¯Â¥ ¼³Á¤ ¸Þ¼Òµå
____¼öÇÐ ¿ÀºêÁ§Æ®
____RegExp ¿ÀºêÁ§Æ®
____¹®ÀÚ¿ ¿ÀºêÁ§Æ®
____¹è¿ ¿ÀºêÁ§Æ®
11Àå. ÀÚ¹Ù½ºÅ©¸³Æ®¿Í ECMAScript 6ÀÇ È®Àå
__ȣȯ¼º°ú ¸ñÇ¥ »çÇ×
__ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¼ºê¼Â°ú È®Àå
____ÀÚ¹Ù½ºÅ©¸³Æ® ¼ºê¼Â
____ÀÚ¹Ù½ºÅ©¸³Æ® È®Àå
____const
____let
____ºñ±¸Á¶È ÇÒ´ç
____for each
____¹Ýº¹ÀÚ
____»ý¼º±â
____º¯¼ö
____»ý¼ºÀÚ Ç¥Çö½Ä
__¹üÀ§ ÁöÁ¤ º¯¼ö¿Í »ó¼ö
____´ÜÃà ÇÔ¼ö
____´ÙÁß catchÀý
__E4X - XMLÀ» À§ÇÑ ECMAScript
__ECMAScript 6ÀÇ ÁÖ¿ä ±â´É
____È»ìÇ¥ ÇÔ¼ö
____Ŭ·¡½º
____Çâ»óµÈ ¿ÀºêÁ§Æ® ¸®ÅÍ·²
____ÅÛÇø´ ¹®ÀÚ¿
____ºñ±¸Á¶ÈµÈ ÇÒ´ç
____¹ÙÀεù
____¹Ýº¹ÀÚ¿Í for...of ¿¬»êÀÚ
____Á¦³Ê·¹ÀÌÅÍ
____À¯´ÏÄÚµå Áö¿ø
____¸ðµâ
____¸ðµâ ·Î´õ
____Ä÷º¼Ç
____ÇÁ·Ï½Ã
____½Éº¼
____¼ºêŬ·¡½º·Î ¸¸µé ¼ö ÀÖ´Â ºôÆ®ÀÎ
____ÇÁ¶ó¹Ì½º
____ÄÚ¾î ¼öÇÐ ¶óÀ̺귯¸® API
____2Áø°ú 8Áø ¸®ÅÍ·²
____Reflect API
____²¿¸® È£Ãâ
12Àå. ¼¹ö ´Ü ÀÚ¹Ù½ºÅ©¸³Æ®: NodeJS
__ÆÄÀÏ°ú ÇÁ·Î¼¼½º °ü¸®
____¸ðµâ
____OS ¸ðµâ
____process ¸ðµâ
____ÆÄÀÏ ÇÔ¼ö
____ÆÄÀÏ ¸ðµâ
____path ¸ðµâ
____REPL
____node
____¿¡·¯ ó¸®
__À¯Æ¿¸®Æ¼
____À̺¥Æ®
____¾ÏÈ£È
____¹öÆÛ
____ÄܼÖ
____npm
____½ºÆ®¸²
____setEncoding
__net ¸ðµâ
____createServer
____net.Server
____net.Socket
__HTTP ¸ðµâ
____createServer
____http.Server
____IncomingMessage
____ServerResponse
____http.clientRequest
13Àå. ºÎÆ®½ºÆ®·¦: ½ºÅ¸Àϸ®½ÃCSS ÇÁ·ÐÆ®¿£µå ÇÁ·¹ÀÓ¿öÅ©
__ºÎÆ®½ºÆ®·¦ ±âº» ¼Ò°³
____HTML5 doctype
____¸ð¹ÙÀÏ ¿ì¼±
____¹ÝÀÀÇü À̹ÌÁö
____ÄÁÅ×À̳Ê
__½ÃÀÛÇϱâ
____±êÇãºê ÇÁ·ÎÁ§Æ®
____Bootstrap ´Ù¿î·Îµå
____bower·Î ¼³Ä¡Çϱâ
____npmÀ¸·Î ¼³Ä¡Çϱâ
____composer·Î ¼³Ä¡Çϱâ
__·¹À̾ƿô
____°íÁ¤ ·¹À̾ƿô
____À¯µ¿ ·¹À̾ƿô
____¹ÝÀÀÇü ·¹À̾ƿô
____Áö¿øµÇ´Â ÀåÄ¡
__±×¸®µå ½Ã½ºÅÛ
____±×¸®µå ¿É¼Ç ¿ä¾àÇ¥
____¹Ìµð¾î Äõ¸®
____¹ÝÀÀÇü ¿ Àç¼³Á¤
____¿ ¿ÀÇÁ¼Â
____¿ Áßø
____¿ ¹èÄ¡
____LESS º¯¼ö¿Í ¹Í½ºÀÎ
____¹Í½ºÀÎ
____º¯¼ö
__ŸÀÌÆ÷±×·¡ÇÇ
____Á¦¸ñ
____º»¹®
____¸®µå º»¹®
____°Á¶
____ÀÛÀº ÅؽºÆ®
____±½Àº ÅؽºÆ®
____±â¿ïÀÓ ÅؽºÆ®
____Á¤·Ä
____¾à¾î
____񃧯
____µÎ¹®ÀÚ¾î
____ÁÖ¼Ò
____Àο뱸
__Ç¥
____񃧯
____ÁÙ¹«´Ì Çà
____°æ°è¼± Àִ ǥ
____Çà È£¹ö¸µ
____Á¼Àº Æø Çà
____¸Æ¶ôÀûÀΠŬ·¡½º
____¹ÝÀÀÇü Ç¥
__¸ñ·Ï
____¼ø¼ ¾ø´Â ¸ñ·Ï
____¼ø¼ ÀÖ´Â ¸ñ·Ï
____½ºÅ¸ÀÏ ¾ø´Â ¸ñ·Ï
____ÀζóÀÎ ¸ñ·Ï
____¼³¸í ¸ñ·Ï
____¼öÆò ¼³¸í
__ºÎÆ®½ºÆ®·¦ÀÇ Æû
____¼öÁ÷ Æû
____ÀζóÀÎ Æû
____¼öÆò Æû
____ºÎÆ®½ºÆ®·¦ÀÇ Æû ÀÔ·Â
____ÅؽºÆ® ¿µ¿ª
____µµ¿ò¸» ÅؽºÆ®
____üũ¹Ú½º
____¼±Åà ¸ñ·Ï
____¶óµð¿À ¹öÆ°
____Á¤Àû ÄÁÆ®·Ñ
____ÀÔ·Â Æ÷Ä¿½º
____ºñÈ°¼ºÈ ÀÔ·Â
____À¯È¿ »óÅÂ
____ÄÁÆ®·Ñ Å©±â Á¶Àý
__À̹ÌÁö
____º¸Á¶ ¾ÆÀÌÄÜ
__³»ºñ°ÔÀÌ¼Ç ¿ä¼Ò
____ÅÇ
____ÇÊ
____¾çÂÊ Á¤·Ä
____ºñÈ°¼ºÈ ¸µÅ©
__³»ºñ°ÔÀÌ¼Ç ¹Ù
____±âº» ¼³Á¤
____Æû
____¹öÆ°
____ÅؽºÆ®
____ÀÏ¹Ý ¸µÅ©
____»ó´Ü¿¡ °íÁ¤
____ÇÏ´Ü¿¡ °íÁ¤
____Á¤Àû »ó´Ü
____¹ÝÀüµÈ ³»ºñ°ÔÀÌ¼Ç ¹Ù
__ÆгÎ
____񃧯
____Á¦¸ñ
____²¿¸®¸»
____±×·ì
__°æ·Î
__¶óº§°ú ¹èÁö
____¶óº§
____¹èÁö
__ÆäÀÌÁö³×À̼Ç
____±âº» ¼³Á¤
____ÆäÀÌÀú
__ÇÁ·Î±×·¹½º ¹Ù
__°í±Þ ºÎÆ®½ºÆ®·¦/ÀÚ¹Ù½ºÅ©¸³Æ® Ç÷¯±×ÀÎ
____¹öÆ°
____񃧯
____¹öÆ° Åø¹Ù
____Å©±â Á¶Àý
____Áßø
____¼öÁ÷Çü
____¾çÂÊ Á¤·Ä ¸µÅ©Çü
____µå·Ó´Ù¿î
____´ÜÀÏ ¹öÆ°
____ºÐÇÒ ¹öÆ°
____ÅøÆÁ
____À§Ä¡ ¼³Á¤
____ÆË¿À¹ö
____±âº» »ý¼º
____À§Ä¡ ¼³Á¤
____´Ý±â
____°æº¸
____ÅÇ
____¾ÆÄÚµð¾ð
____¸ð´Þ
____¸ð´Þ Å©±â
____¹Ìµð¾î °´Ã¼
____ij·¯¼¿
____ÀÚµ¿ ¿Ï¼º
____ÀÚµ¿ ¿Ï¼º ¸¸µé±â
____ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÅëÇÑ ÀÚµ¿ ¿Ï¼º »ç¿ëÇϱâ
____½ºÅ©·Ñ½ºÆÄÀÌ
____µ¥ÀÌÅÍ ¼Ó¼ºÀ» ÅëÇÑ ½ºÅ©·Ñ½ºÆÄÀÌ È°¼ºÈ
____ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÅëÇÑ ½ºÅ©·Ñ½ºÆÄÀÌ È°¼ºÈ
____¾ÖÇȽº
____µ¥ÀÌÅÍ ¼Ó¼ºÀ» ÅëÇÑ ¾ÖÇȽº È°¼ºÈ
____ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÅëÇÑ ¾ÖÇȽº È°¼ºÈ
__»ç¿ëÀÚ Á¤ÀÇ ºÎÆ®½ºÆ®·¦
__ºÎÆ®½ºÆ®·¦À¸·Î ¸¸µç À¥»çÀÌÆ®
__ºÎÆ®½ºÆ®·¦ °ü·Ã Âü°í ÀÚ·á
14Àå. jQuery: À¯¸íÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸®
__jQueryÀÇ ¹ßÀü
__½ÃÀÛÇϱâ
____JQuery ¼³Ä¡Çϱâ
__jQuery »ç¿ëÇϱâ
__¼±ÅÃÀÚ
____¿ä¼Ò ¼±ÅÃÀÚ
____ID ¼±ÅÃÀÚ
____Ŭ·¡½º ¼±ÅÃÀÚ
__À̺¥Æ®
____¸¶¿ì½º À̺¥Æ®
____Å°º¸µå À̺¥Æ®
____Æû À̺¥Æ®
____ºê¶ó¿ìÀú À̺¥Æ®
__È¿°ú¿Í ¾Ö´Ï¸ÞÀ̼Ç
____animate()
____stop()
____¼û±è, ³ªÅ¸³¿, Åä±Û
____ÆäÀ̵å È¿°ú
____½½¶óÀ̵å È¿°ú
__Äݹé
____callbacks.add()
____callbacks.fire()
____callbacks.remove()
____callbacks.disable()
__üÀÌ´×
__jQuery¿Í ¹®¼ °´Ã¼ ¸ðµ¨
__jQuery ¼øȸ
____Á¶»ó
____parent()
____parents():
____parentsUntil():
____ÀÚ¼Õ
____find()
____ÇüÁ¦
____¹Ýȯ
____ÇÊÅ͸µ
__jQuery¿¡¼ AJAX »ç¿ëÇϱâ
____jQueryÀÇ Ajax Load
____jQueryÀÇ Ajax Get
____jQueryÀÇ Ajax Post
__´Ù¾çÇÑ jQuery ÇÔ¼ö
____noConflict()
____param()
____index()
____each()
____data()
____removeData()
__jQuery Ç÷¯±×ÀÎ
__jQuery Âü°í ÀÚ·á
15Àå. AngularJS: ±¸±ÛÀÇ ¸ÂÃãÇü ÇÁ·¹ÀÓ¿öÅ©
__¸ðµâ(ngApp)
____module
____config
____run
__¶ó¿ìÆÃ(ngRoute)
____ngView
____$routeProvider
____$route
____$routeParams
__ÀÇÁ¸¼º ÁÖÀÔ
____¾Þ±Ö·¯¿¡¼ÀÇ ÀÇÁ¸¼º ÁÖÀÔ
____injector
____$injector
__ÄÁÆ®·Ñ·¯
____ngController
____$scope
____µ¥ÀÌÅÍ ¹ÙÀεù°ú ÅÛÇø´
____À̺¥Æ® ¹ÙÀεù
__¹üÀ§
____´ÙÀÌÁ¦½ºÆ® »çÀÌŬ
____$watch
____$apply
____°èÃþ
__¼ºñ½º
____ÆÑÅ丮
____¼ºñ½º
____Á¦°øÀÚ
____°ª
____»ó¼ö
____$http
____À¯¿ëÇÑ ¸Þ¼Òµå
____Áß¿äÇÑ ¼ºñ½º
__ÇÁ¶ó¹Ì½º
____$q
__Ç¥Çö½Ä
____ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Ç¥Çö½Ä
__Áö½ÃÀÚ
____Á¤±ÔÈ
____¹üÀ§
____DOM º¯°æ
____À̺¥Æ® ¹ÙÀεù
____Áö½ÃÀÚ Á¤ÀÇ °´Ã¼
____ÁÖ¿ä Áö½ÃÀÚ
__Àü¿ª
____extend
____noop
____isUndefined
____copy
____bind
__Æû
____ngModel
____°ËÁõ
__Å×½ºÆ®
____Jasmine°ú Karma·Î ´ÜÀ§ Å×½ºÆ®Çϱâ
____ngMock
____´ÜÀ§ Å×½ºÆ® ÄÁÆ®·Ñ·¯
____´ÜÀ§ Å×½ºÆ® Áö½ÃÀÚ
____´ÜÀ§ Å×½ºÆ® ¼ºñ½º
-
-
|
Á¶½´¾Æ Á¶Çϳ(Joshua Johanan) [Àú]
|
|
-
ÇöÀç Àεð¾Æ³ª ÁÖ »ç¿ì½ºº¥µå¿¡ °ÅÁÖ ÁßÀÎ À¥ °³¹ßÀÚÀÌ´Ù. 5³âÀÇ À¥ °³¹ß °æ·ÂÀÌ ÀÖÀ¸¸ç, PHP, ÆÄÀ̽ã, ÀÚ¹Ù½ºÅ©¸³Æ®, C# µîÀ¸·Î ¿©·¯ »çÀÌÆ®¸¦ °³¹ßÇß°í, °¡Àå ¼±È£ÇÏ´Â ¾ð¾î´Â ÆÄÀ̽ã°ú ÀÚ¹Ù½ºÅ©¸³Æ®´Ù. ÀÌ ¾ð¾îµéÀ» ¾²¸é¼, Á¨µå(Zend) ÇÁ·¹ÀÓ¿öÅ©, Àå°í(Django), ´å³Ý MVC µîÀÇ MVC ÇÁ·¹ÀÓ¿öÅ©¸¦ »ç¿ëÇÏ°Ô µÆ´Ù.
ÀÌ Ã¥¿¡¼µµ ¾Ë ¼ö ÀÖµíÀÌ, Á¶½´¾Æ´Â ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ È°¿ëÇØ, ¹é¿£µå¿¡´Â Node.js¸¦ »ç¿ëÇÏ°í, ÇÁ·ÐÆ®¿£µå¿¡´Â ¹éº»(Backbone), ¸®¾×Æ®(React), Á¦ÀÌÄõ¸®(jQuery), ¼ø¼ö ÀÚ¹Ù½ºÅ©¸³Æ® µî ¿©·¯ °¡Áö ¶óÀ̺귯¸®¸¦ »ç¿ëÇß´Ù. ÇöÀç °Ç° º¸Çè ±â°ü¿¡¼ C#À¸·Î À¥ »çÀÌÆ®¸¦ °³¹ßÇÏ´Â ÀÏÀ» ÇÑ´Ù. È·ÁÇÑ ÃֽŠºê¶ó¿ìÀú ±â¼úÀ» ¾µ ¼ö´Â ¾øÁö¸¸, À¯Áöº¸¼ö¿Í È®À强¿¡ °üÇÑ °³¹ß ´É·ÂÀº ¿ä±¸µÈ´Ù. ÀÌ Ã¥Àº ù ¹ø° Àú¼ÀÌÁö¸¸ http://ejosh.co/de¿¡¼ Á¶ÇϳÀÌ Á¤±âÀûÀ¸·Î ¿Ã¸®´Â ±ÛÀ» º¼ ¼ö ÀÖ´Ù.
Àú¼ [Redis¿Í Node.js¸¦ »ç¿ëÇÑ À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß]
-
|
Å×Å© Æ®·£½º ±×·ì T4 [Àú]
|
|
-
ÃֽŠIT Å×Å©³î·ÎÁö¿¡ ´ëÇÑ ¸®¼Ä¡¸¦ ¸ñÀûÀ¸·Î ÇÏ´Â ½ºÅ͵ð ±×·ìÀÌ´Ù. ¿£ÅÍÇÁ¶óÀÌÁî ȯ°æ¿¡¼ ¿ÀǼҽº¸¦ È°¿ëÇØ ÇÁ·¹ÀÓ¿öÅ©¸¦ ±¸ÃàÇÏ´Â µ¥ °ü½ÉÀÌ ¸¹À¸¸ç, ½ºÇÁ¸µ(Spring), React.js, Node.js, OpenCV, ML µîÀÇ ±â¼ú¿¡ ÁÖ¸ñÇÏ°í ÀÖ´Ù. ¿ÀǼҽº ±â¹ÝÀÇ Ç÷§Æû °³¹ß ¹× È°¿ëµµ ÁÖ¿ä °ü½É ºÐ¾ß´Ù. ¿¡ÀÌÄÜÃâÆǻ翡¼ Æì³½ ¡ºOpenCV¸¦ À§ÇÑ ¸Ó½Å ·¯´×¡»(2017), ¡ºÃßõ ¿£ÁøÀ» ±¸ÃàÇϱâ À§ÇÑ ±âº»¼¡»(2017) µîÀ» ¹ø¿ªÇß´Ù.
-
-
Àüü 0°³ÀÇ ±¸¸ÅÈıⰡ ÀÖ½À´Ï´Ù.
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù. |
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
»óÇ°À» °ø±Þ ¹ÞÀº ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´É
°ø±Þ¹ÞÀ¸½Å »óÇ°ÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ù À̳», ȤÀº ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏ À̳»
»óÇ°¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óÇ°ÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´É |
|
±³È¯ ¹× ¹ÝÇ°ÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
±¸¸ÅÈ®Á¤ ÀÌÈÄ(¿ÀǸ¶ÄÏ»óÇ°¿¡ ÇÑÇÔ)
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì
(´Ü, »óÇ°ÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü)
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆǸŰ¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì
Æ÷Àå °³ºÀµÇ¾î »óÇ° °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì |
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹ÝÇ° ȯºÒ |
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝÇ°À» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù.
1°³ Áö¿ªÀÇ ¹ÝÇ°ÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝÇ°À» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
Áß°í»óÇ°ÀÇ ±³È¯ |
Áß°í»óÇ°Àº Á¦ÇÑµÈ Àç°í ³»¿¡¼ ÆǸŰ¡ ÀÌ·ç¾îÁö¹Ç·Î, ±³È¯Àº ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
¿ÀǸ¶ÄÏ »óÇ°ÀÇ È¯ºÒ |
¿ÀǸ¶ÄÏ»óÇ°¿¡ ´ëÇÑ Ã¥ÀÓÀº ¿øÄ¢ÀûÀ¸·Î ¾÷ü¿¡°Ô ÀÖÀ¸¹Ç·Î, ±³È¯/¹ÝÇ° Á¢¼ö½Ã ¹Ýµå½Ã ÆǸÅÀÚ¿Í ÇùÀÇ ÈÄ ¹ÝÇ° Á¢¼ö¸¦ ÇϼžßÇϸç, ¹ÝÇ°Á¢¼ö ¾øÀÌ ¹Ý¼ÛÇϰųª, ¿ìÆíÀ¸·Î º¸³¾ °æ¿ì »óÇ° È®ÀÎÀÌ ¾î·Á¿ö ȯºÒÀÌ ºÒ°¡´ÉÇÒ ¼ö ÀÖÀ¸´Ï À¯ÀÇÇϽñ⠹ٶø´Ï´Ù. |
|
|
|
¹è¼Û¿¹Á¤ÀÏ ¾È³» |
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óÇ°¿¡ ´ëÇØ ¹è¼Û¿Ï·á¿¹Á¤ÀÏÀ» À¥»çÀÌÆ®¿¡ Ç¥½ÃÇÏ°í ÀÖ½À´Ï´Ù.
|
<ÀÎÅÍÆÄÅ© Á÷¹è¼Û »óÇ°> |
»óÇ°Àº ¿ù~Åä¿äÀÏ ¿ÀÀü 10½Ã ÀÌÀü ÁÖ¹®ºÐ¿¡ ´ëÇÏ¿© ´çÀÏ Ãâ°í/´çÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÏ´Â »óÇ°ÀÔ´Ï´Ù. |
»óÇ°Àº ¼¿ïÁö¿ª/ÆòÀÏ ÁÖ¹®ºÐÀº ´çÀÏ Ãâ°í/ÀÍÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇϸç,
¼¿ï¿ÜÁö¿ª/ÆòÀÏ ÁÖ¹®ºÐÀÇ °æ¿ì´Â ¿ÀÈÄ 6½Ã±îÁö ÁÖ¹®ºÐ¿¡ ´ëÇÏ¿© ÀÍÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÏ´Â »óÇ°ÀÔ´Ï´Ù.
(´Ü, ¿ù¿äÀÏÀº 12½Ã±îÁö ÁÖ¹®¿¡ ÇÑÇÔ)
|
»óÇ°Àº, ÀÔ°í¿¹Á¤ÀÏ(Á¦Ç°Ãâ½ÃÀÏ)+Åùè»ç¹è¼ÛÀÏ(1ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù. |
~
»óÇ°Àº À¯ÅëƯ¼º»ó ÀÎÅÍÆÄÅ©¿¡¼ Àç°í¸¦ º¸À¯ÇÏÁö ¾ÊÀº »óÇ°À¸·Î ÁÖ¹®ÀÏ+±âÁØÃâ°íÀÏ+Åùè»ç¹è¼ÛÀÏ(1ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù.(Åä/°øÈÞÀÏÀº ¹è¼Û±â°£¿¡ Æ÷ÇÔµÇÁö ¾Ê½À´Ï´Ù.)
¡Ø±âÁØÃâ°íÀÏ:ÀÎÅÍÆÄÅ©°¡ »óÇ°À» ¼ö±ÞÇÏ¿© ¹°·ùâ°í¿¡¼ Æ÷Àå/Ãâ°íÇϱâ±îÁö ¼Ò¿äµÇ´Â ½Ã°£
|
|
<¾÷ü Á÷Á¢¹è¼Û/¿ÀǸ¶ÄÏ »óÇ°> |
~
»óÇ°Àº ¾÷ü°¡ ÁÖ¹®À» È®ÀÎÇÏ°í, Ãâ°íÇϱâ±îÁö °É¸®´Â ½Ã°£ÀÔ´Ï´Ù. ÁÖ¹®ÀÏ+±âÁØÃâ°íÀÏ+Åùè»ç¹è¼ÛÀÏ(2ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù.(Åä/°øÈÞÀÏÀº ¹è¼Û±â°£¿¡ Æ÷ÇÔµÇÁö ¾Ê½À´Ï´Ù.)
¡Ø5ÀÏÀ̳» Ãâ°í°¡ ½ÃÀÛµÇÁö ¾ÊÀ»½Ã, ¿ÀǸ¶ÄÏ »óÇ°Àº ÀÚµ¿À¸·Î ÁÖ¹®ÀÌ Ãë¼ÒµÇ¸ç, °í°´´Ô²² Ç°Àýº¸»ó±ÝÀ» Áö±ÞÇØ µå¸³´Ï´Ù.
|
|
|
¹è¼Ûºñ ¾È³» |
µµ¼(Áß°íµµ¼ Æ÷ÇÔ)¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û) À½¹Ý/DVD¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 1,500¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
ÀâÁö/¸¸È/±âÇÁÆ®¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 2,000¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
µµ¼¿Í À½¹Ý/DVD¸¦ ÇÔ²² ±¸¸ÅÇϽøé : ¹è¼Ûºñ 1,500¿ø 1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
µµ¼¿Í ÀâÁö/¸¸È/±âÇÁÆ®/Áß°íÁ÷¹è¼Û»óÇ°À» ÇÔ²² ±¸¸ÅÇϽøé : 2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
¾÷üÁ÷Á¢¹è¼Û»óÇ°À» ±¸¸Å½Ã : ¾÷üº°·Î »óÀÌÇÑ ¹è¼Ûºñ Àû¿ë
* ¼¼Æ®»óÇ°ÀÇ °æ¿ì ºÎºÐÃë¼Ò ½Ã Ãß°¡ ¹è¼Ûºñ°¡ ºÎ°úµÉ ¼ö ÀÖ½À´Ï´Ù.
* ºÏÄ«Æ®¿¡¼ ¹è¼Ûºñ¾ø¾Ö±â ¹öÆ°À» Ŭ¸¯Çϼż, µ¿ÀϾ÷ü»óÇ°À» Á¶±Ý ´õ ±¸¸ÅÇϽøé, ¹è¼Ûºñ¸¦ Àý¾àÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
|
|
Çؿܹè¼Û ¾È³» |
ÀÎÅÍÆÄÅ©µµ¼¿¡¼´Â ±¹³»¿¡¼ ÁÖ¹®ÇϽðųª ÇØ¿Ü¿¡¼ ÁÖ¹®ÇÏ¿© ÇØ¿Ü·Î ¹è¼ÛÀ» ¿øÇÏ½Ç °æ¿ì DHL°ú Ư¾àÀ¸·Î Ã¥Á¤µÈ ¿ä±ÝÇ¥¿¡
ÀÇÇØ °³ÀÎÀÌ ÀÌ¿ëÇÏ´Â °æ¿ìº¸´Ù ¹è¼Û¿ä±ÝÀ» Å©°Ô ³·Ã߸ç DHL(www.dhl.co.kr)·Î Çؿܹè¼Û ¼ºñ½º¸¦ Á¦°øÇÕ´Ï´Ù.
Çؿܹè¼ÛÀº µµ¼/CD/DVD »óÇ°¿¡ ÇÑÇØ ¼ºñ½ºÇÏ°í ÀÖÀ¸¸ç, ´Ù¸¥ »óÇ°À» ºÏÄ«Æ®¿¡ ÇÔ²² ´ãÀ¸½Ç °æ¿ì Çؿܹè¼ÛÀÌ ºÒ°¡ÇÕ´Ï´Ù.
ÇØ¿ÜÁÖ¹®¹è¼Û ¼ºñ½º´Â ÀÎÅÍÆÄÅ© µµ¼ ȸ¿ø °¡ÀÔÀ» Çϼž߸¸ ½Åû °¡´ÉÇÕ´Ï´Ù. |
|
¾Ë¾ÆµÎ¼¼¿ä!!! |
µµ¸Å»ó ¹× Á¦ÀÛ»ç »çÁ¤¿¡ µû¶ó Ç°Àý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.
¿ÀǸ¶ÄϾ÷üÀÇ ¹è¼ÛÁö¿¬½Ã ÁÖ¹®ÀÌ ÀÚµ¿À¸·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
À¯ÅëÀÇ Æ¯¼º»ó Ãâ°í±â°£Àº ¿¹Á¤º¸´Ù ¾Õ´ç°ÜÁö°Å³ª ´ÊÃçÁú ¼ö ÀÖ½À´Ï´Ù.
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
|
|
|