·Î±×ÀÎ
¸¶ÀÌÆäÀÌÁö
ÀÌ¿ë¾È³»
°í°´¼¾ÅÍ
¼ºñ½º¾È³»
Áñ°Üã±â
JAVA
½ÅÀÔ»ç¿ø
PHP
ASP
³×Æ®¿öÅ©
°æ·Â»ç¿ø
DBA
°³ÀÎ
±â¾÷
¼Ä¡Æß
Ä¿¹Â´ÏƼ
°Ô½ÃÆÇ
ÀÚÀ¯°Ô½ÃÆÇ
IT ±³À°/±¹ºñÁö¿ø/¼¼¹Ì³ª
¹«·á ¹è³Ê½Åû °Ô½ÃÆÇ
IT ´º½º(NEWS)
ȸ¿ø¿ë ÀÚ·á½Ç
°¶·¯¸®
ȸ¿ø¿ë °¶·¯¸®
ºñȸ¿ø¿ë °¶·¯¸®
À¥Áø°Ô½ÃÆÇ
ȸ¿ø¿ë °Ô½ÃÆÇ
ºñȸ¿ø¿ë °Ô½ÃÆÇ
IT ±³À°/±¹ºñÁö¿ø/¼¼¹Ì³ª
[±¹ºñÁö¿ø// UI /UX]]¾Þ±Ö·¯(Angular) & ÀÚ¹Ù½ºÅ©¸³Æ®(ECMA, TypeScript) ȸ鱸Çö ÀçÁ÷ÀÚÇâ»ó°úÁ¤
ÀÛ¼ºÀÚ:
žũ¸®¿¡µà
̵̧:
0°Ç
¹Ý´ë:
0°Ç
Á¶È¸:
1129
µî·ÏÀÏ:
2019-01-16
[UI / UX ÇÁ·Î±×·¡¹Ö]
¾Þ±Ö·¯(Angular) & ÀÚ¹Ù½ºÅ©¸³
Ʈ(ECMA, TypeScript) ȸ鱸
Çö ÀçÁ÷ÀÚÇâ»ó°úÁ¤
ÆòÀÏÁÖ°£
:
http://topcredu.co.kr/sub/crcl/view/emp/2339
ÁÖ¸»ÁÖ°£
:
http://topcredu.co.kr/sub/crcl/view/web/2265
¡Ú ±³À°°³¿ä ¡Ú
ÀçÁ÷ÀÚ°¡ ¾Æ´Ñ °æ¿ì ±¹ºñÁö¿ø¾øÀÌ Àü¾× ÀںδãÀ¸·Î ¼ö° °¡´É ÇÕ´Ï´Ù.
Angular´Â Google¿¡¼ ¸¸µç SPA(Single Page Application)¹æ½ÄÀÇ ÇÁ·ÐÆ®¿£µå À¥ °³¹ßÀ» À§ÇÑ ÇÁ·¹ÀÓ¿öÅ© ÀÔ´Ï´Ù. »ç¿ë¾ð¾î´Â TypeScript, ECMAScriptµîÀ» »ç¿ëÇÏÁö¸¸ ´ëü·Î TypeScript »ç¿ëÀ» ±ÇÀå ÇÕ´Ï´Ù.
[ÀåÁ¡]
ÄÚµå À¯Áöº¸¼ö°¡ È¿À²ÀûÀ̸ç Spring MVC·Î ¹é¿£µå °³¹ßÀ» ÇÏ´Â °Í°ú »ó´çÈ÷ À¯»çÇÏ°Ô Å¬¶óÀ̾ðÆ®ÂÊÀ» °³¹ß ÇÕ´Ï´Ù.
ÆäÀÌÁö°£ ȸéÀüȯ ¼Óµµ°¡ ¿ì¼ö ÇÕ´Ï´Ù.(¹°·Ð Ãʱ⠷εù¼Óµµ´Â Á» ´À¸°Æí ÀÔ´Ï´Ù.)
DOMÀ» ¼±ÅÃÇÏ°í Á¶ÀÛÇϴµ¥ ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ带 ÀÛ¼ºÇÏÁö ¾Ê¾Æµµ µÇ¸ç ¾ç¹æÇâ µ¥ÀÌÅÍ ¹ÙÀεùÀÌ °¡´É ÇÕ´Ï´Ù.
Model, View, ControllerÀÇ ºÐ¸®°¡ ¿ëÀÌÇϱ⠶§¹®¿¡ °¡µ¶¼º ¶ÇÇÑ ³ô¾ÆÁö¸ç ´ÜÀ§Å×½ºÆ® ¿ª½Ã °£´ÜÈ÷ ¼öÇà ÇÒ ¼ö ÀÖ½À´Ï´Ù.
HTML°ú JavaScriptÀÇ DOM Çڵ鸵À» ÀÚµ¿À¸·Î ¼öÇàÇϱ⠶§¹®¿¡ °£´ÜÇϸç Á÷°üÀûÀÎ Äڵ带 ÀÛ¼ºÇÒ ¼ö ÀÖ½À´Ï´Ù.
[°úÁ¤ Ư¡]
ÃֽŠÇÁ·ÐÆ®¿£µå UI °³¹ß ±â¼ú(Angular2 ÀÌ»ó, TypeScript, ECMAScript)À» ±³À°ÇÏ´Â ½Ç¹«°úÁ¤ ÀÔ´Ï´Ù.
AngularJ2 ÀÌ»óÀ» ÇÙ½ÉÀ¸·Î, À̸¦ ±¸ÇöÇϱâ À§ÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® Çٽɱâ¼úÀ» ½Ç½À°ú ÇÔ²² ü°èÀûÀ¸·Î µû¶óÇϱ⠽ÄÀ¸·Î ¼ö¾÷ÇÕ´Ï´Ù.
Full Stack Programmer, ÃÖ°íÀÇ Front End °³¹ßÀ» ²Þ²Ù´Â ºÐµé¿¡°Ô ²À ÇÊ¿äÇÑ °úÁ¤ÀÔ´Ï´Ù.
¡Ú ¼ö·áÁ¶°Ç ¡Ú
Ãâ¼®·ü 80%ÀÌ»ó
¡Ú ±³À°¸ñÇ¥ ¡Ú
Angular¸¦ À§ÇÑ ±âº»ÀÌ µÇ´Â ECMASCript, TypeScript¸¦ ÀÌ¿ëÇÏ¿© UI¸¦ ±¸¼ºÇÒ ¼ö ÀÖ´Ù.
Angular¸¦ ÀÌ¿ëÇÏ¿© ¼³°èµÈ ȸé UI, À¥ÇÁ·ÐÆ®¸¦ °³¹ßÇÒ ¼ö ÀÖ´Ù.
¼³°èµÈ ȸé°ú ÆûÀÇ È帧À» È®ÀÎÇÏ°í, Á¦¾à»çÇ×°ú ȸéÀÇ Æû È帧À» ±¸Çö¿¡ ¹Ý¿µÇϵµ·Ï ¼³°è¸¦ È®ÀÎ ÇÒ ¼ö ÀÖ´Ù.
UI ¿ä±¸»çÇ×°ú UI Ç¥ÁØ ¹× Áöħ¿¡ µû¶ó ¼³°èµÈ ¸Þ´º ±¸Á¶¸¦ Çؼ® ÇÒ ¼ö ÀÖ´Ù.
±¸ÇöÀ» À§ÇØ ÇÏÀ§ ½Ã½ºÅÛ ´ÜÀ§ÀÇ ³»¡¤¿ÜºÎ ȸé°ú ÆûÀ» ¼³°è¸¦ È®ÀÎÇÒ ¼ö ÀÖ´Ù.
¼ÒÇÁÆ®¿þ¾î ¾ÆÅ°ÅØó ¼¼ºÎ ±¸Çö Áöħ°ú UI Ç¥ÁØ ¹× ÁöħÀ» ¹Ý¿µÇÏ¿©, È®ÀÎµÈ UI ¼³°è¸¦ ±¸ÇöÇÒ ¼ö ÀÖ´Ù.
È®ÀÎµÈ È¸é°ú Æû È帧 ¼³°è¿¡ µû¶ó, »ç¿ëÀÚ Á¢±Ù¼ºÀ» °í·ÁÇÑ È¸é°ú ÆûÀÇ È帧 Á¦¾î¸¦ ±¸ÇöÇÒ ¼ö ÀÖ´Ù.
È®ÀÎµÈ È¸é°ú Æû È帧 ¼³°è¿¡ µû¶ó, °¨¼º°øÇÐ ±â¹ýÀ» °í·ÁÇÏ¿© »ç¿ëÀÚ°¡ Á¢Çϴ ȸé, Æû, ¸Þ´º, È帧À» ±¸ÇöÇÒ ¼ö ÀÖ´Ù.
±¸ÇöµÈ ȸé, Æû, ¸Þ´º, È帧À» Å×½ºÆ®ÇÒ ¼ö ÀÖ´Â Å×½ºÆ® ÄÉÀ̽º¸¦ ÀÛ¼ºÇÏ°í ´ÜÀ§ Å×½ºÆ®¸¦ ¼öÇàÇϱâ À§ÇÑ Å×½ºÆ® Á¶°ÇÀ» ¸í¼¼È ÇÒ ¼ö ÀÖ´Ù.
¡Ú ±³À°´ë»ó ¡Ú
ÇÁ·ÐÆ® °³¹ßÀÚ
UI °³¹ßÀÚ
½ºÅ©¸³Æà ´É·ÂÀÌ ºÎÁ·ÇÑ °³¹ßÀÚ ¹× ÆÛºí¸®¼Å
¡Ú Ä¿¸®Å§·³ ¡Ú
JavaScript for Angular(ECMAScript, TypeScript)
Chapter 1 : ECMAScript
1. ECMAScript
2. ES6 °³¹ßȯ°æ ¼³Á¤
WebStorm ¹Ùº§ ¼³Á¤
3. var
4. let
5. const
6. parameter
7. spread operator
8. Destructuring Assignment
9. Module System
1. CommonJS ¹æ½Ä
2. ES6(ECMA2015) ¹æ½Ä
3. IIFE ¹æ½Ä
4. AMD
10. ÇÔ¼ö Ãà¾à Ç¥Çö½Ä
11. Arrow function
12. $ expression
13. class
Ŭ·¡½º ÁÖ¿ä Ư¡
Ŭ·¡½º ±âº» ¹®¹ý
Ŭ·¡½º ¹®¹ý Äڵ带 ES5 ÄÚµå·Î Æ®·£½ºÆÄÀϸµÇÑ °á°ú È®ÀÎ
extends Å°¿öµå
ES5, ES6 ¹®¹ý È¥¿ë
Ŭ·¡½º°¡ °´Ã¼¸¦ ´ë»óÀ¸·Î »ó¼Ó
super Å°¿öµå
Ŭ·¡½º Ç¥Çö½Ä vs ¼±¾ð½Ä
ES5 »ó¼Ó°ú class ¸¦ »ç¿ëÇÑ ES6 »ó¼ÓÀÇ Â÷ÀÌÁ¡
Multiple Inheritance with Proxies
14. ºñµ¿±â ó¸®
1. Call-back Function
2. Event Emitter
3. Promise
15. TypeScript ¼Ò°³
Learn TypeScript in 30 Minutes
The Benefits of Using TypeScript
Chapter 2 : Angular Basic
Step 1 – ¾Þ±Ö·¯ ¼Ò°³
Step 2 – Simple Example
Step 3 – Project Structure
Step 4 - CLI
1. ¼³Ä¡
2. »õ ÇÁ·ÎÁ§Æ® ¸¸µé±â
3. Å×½ºÆ®¸¦ À§ÇÑ ºôµå
4. ¼ºñ½º(¹èÆ÷)¸¦ À§ÇÑ ºôµå
Step 5 – Component
Binding
ºôÆ®ÀÎ Áö½ÃÀÚ
Step 6 – Service
¼ºñ½º Ãß°¡
Step 7 – Pipe
ºôÆ®ÀÎ ÆÄÀÌÇÁ
Ä¿½ºÅÒ ÆÄÀÌÇÁ
Step 8 - Directive
Ä¿½ºÅÒ µð·ºÆ¼ºê
Step 9 – Module
·çÆ® ¸ðµâ : AppModule
ÇÙ½É ¸ðµâ : CoreModule
Ư¡ ¸ðµâ : PlayerModule
Ư¡ ¸ðµâ : MemberModule
3
°øÀ¯ ¸ðµâ : ShareModule
Chapter 3 : Angular Core
Step 1 – Life Cycle
Step 2 – Component Communication
@Input and @Output
@ViewChild
Observable & Subject
@ContentChild
@ViewChildren
@ContentChildren
Step 3 – HTTP
Promise
Observable
Step 4 – Router
Çؽà ±â¹Ý ÁÖ¼Ò·Î º¯°æ
¿¬°á¼ø¼ :
http://localhost:4200/router-link-test
¿¬°á¼ø¼:
http://localhost:4200/pages/first-page
¿¬°á¼ø¼ :
http://localhost:4200/member
¿¬°á¼ø¼ :
http://localhost:4200/children
¿¬°á¼ø¼ :
http://localhost:4200/login?session_id=1234#anchor
¿¬°á¼ø¼ :
http://localhost:4200/children
¿¬°á¼ø¼ :
http://localhost:4200/children/1
¿¬°á¼ø¼ : /children/1 /children/5
¿¬°á¼ø¼ :
http://localhost:4200/lazy/player
¿¬°á¼ø¼ :
http://localhost:4200/active
Ư¡ ¸ðµâ ¶ó¿ìÅÍ
Step 5 - Guard
Step 6 – Form
book-form-basic
book-form-valid
book-form-control
4
book-form-formbuilder
Chapter 4 : Angular Extension
Step 1 – DI
Providers
ºÒÅõ¸í ÅäÅ«À» ÀÌ¿ëÇÑ Á¦°øÀÚ ¼³Á¤
Provider ¾øÀÌ °´Ã¼ DI
ÁÖÀԱ⸦ ÀÌ¿ëÇÑ °´Ã¼ »ý¼º
Step 2 – CSS Style
Step 3 – Sanitization
Step 4 – Animation
Chapter 5 : Angular Deep Dive
Step 1 - Angular1 °úÀÇ Â÷ÀÌÁ¡
Directive
Components VS Directive
Step 2 – ºÐ¼® : Registration and Login
Step 3 - ½Ç½À : Tour of Heroes Tutorial
01 : The Hero Editor
02 : Master/Detail
03 : Multiple Components
04 : Services
05 : Routing
06 : Http
Æ®À§ÅÍ
ÆäÀ̽ººÏ
´ñ±Û :
0
°Ç
ÀÌÀü±Û
°³¹ßÀÚ·Î ÇØ¿ÜÃë¾÷Çϱâ!
´ÙÀ½±Û
[¹«·á CRM ±³À°] Çΰż¼ÀÏÁî CRM 1¿ù ¹«·á Á¤±â±âº»±³À° ½ÅûÇϼ¼¿ä!
¹øÈ£
Á¦¸ñ
ÀÛ¼ºÀÚ
̵̧
¹Ý´ë
Á¶È¸
µî·ÏÀÏ
19313
[¼±Âø¼ø ¸¶°¨] ÄÚµù Å×½ºÆ® ¿Ïº® ´ëºñ ½ºÅÍ...
°íÁÖ¿¬
0
0
37
2024-03-20
19312
[±¹ºñÀü¾×Áö¿ø]ÄÉÀ̵ðÁöÅÐ Ç®½ºÅà À¥ °³¹ß...
±¸Æ®¾ÆÄ«µ¥¹Ì
0
0
28
2024-03-20
19311
ÆÛºí¸¯ Ŭ¶ó¿ìµå ±â¹Ý DevSecOps À¶ÇÕ ÀÎÀç...
±èÇýÁø
0
0
28
2024-03-19
19310
ÇÉÅ×Å© ¼ºñ½º¸¦ À§ÇÑ Ç®½ºÅà °³¹ßÀÚ ¾ç¼º ...
±èÇýÁø
0
0
29
2024-03-19
19309
IT ¹× ÀÎÅ׸®¾î °ÀÇ? KG¿¡µà¿ø ÀÌ·ë¿¡¼ ...
±èÇýÁø
0
0
30
2024-03-19
19308
KG¿¡µà¿ø ³»ÀÏÄÚĪ½ºÄð¿¡ ´ëÇØ ¾Ë¾Æº¸µµ·Ï ...
±èÇýÁø
0
0
29
2024-03-19
19307
KG¿¡µà¿ø ³»ÀÏÄÚĪ °»çÁøÀÇ ¿ª·®¿¡ ´ëÇØ ...
±èÇýÁø
0
0
22
2024-03-19
19306
KG¿¡µà¿ø ¾ÆÀÌƼ¹ðÅ© Ŭ¶ó¿ìµå ºÎƮķÇÁ ±³...
±èÇýÁø
0
0
24
2024-03-19
19305
KG¿¡µà¿ø ¾ÆÀÌƼ¹ðÅ© °³¹ßÀÚºÎƮķÇÁ ±³À°...
±èÇýÁø
0
0
26
2024-03-19
19304
KG¿¡µà¿ø IT¹ðÅ© ±³À°»ó´ã ½Åû
±èÇýÁø
0
0
23
2024-03-19
19303
KG¿¡µà¿ø ¾ÆÀÌƼ¹ðÅ© À§Ä¡, °³Àκ° ¸ÂÃã 1:...
±èÇýÁø
0
0
20
2024-03-19
19302
KG¿¡µà¿ø ¾ÆÀÌƼ¹ðÅ© ±¹ºñÁö¿ø
±èÇýÁø
0
0
23
2024-03-19
19301
KG¿¡µà¿ø ¾ÆÀÌƼ¹ðÅ© ÇÁ·Î±×·¡¹Ö Çпø
±èÇýÁø
0
0
30
2024-03-19
19300
[À¥°³¹ß±¹ºñ°úÁ¤] ¿¡ÀÌÄܾÆÄ«µ¥¹Ì È«´ëÇпø...
¿¡ÀÌÄÜÈ«´ë
0
0
28
2024-03-19
19299
[Ãë¾÷°úÁ¤3±â] Àü¾×Áö¿ø ¹«·á ±â¾÷ ¸àÅ丵...
±¸Æ®¾ÆÄ«µ¥¹Ì
0
0
27
2024-03-19
1
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
9
|
10
|
|
|
|
|
Á¦¸ñ ¾øÀ½
À̾ƹäºñÁî ¼³¸³ÀÏ : 2015 ³â 12¿ù 1ÀÏ ´ëÇ¥ÀÌ»ç : ¹Ú¿øÁ¤ °³ÀÎÁ¤º¸Ã¥ÀÓÀÚ : ¹Ú¿øÁ¤ À̸ÞÀÏ :
admin@itnjob.com
»ç¾÷ÀÚµî·Ï¹øÈ£ : 609-23-93848
Åë½ÅÆǸž÷ : Á¦2013-â¿ø¼º»ê-0131È£ Á÷¾÷Á¤º¸Á¦°ø:â¿ø Á¦2013-4 È£
¼¹ö¼ÒÀç
:
(135-920)
¼¿ï °³²±¸ Å×Çì¶õ·Î 216
½Å¿õŸ¿ö
ÁÖ¼Ò : (5
3182) °æ³² â¿ø½Ã ÀÇⱸ Áßµ¿·Î 77
´ëÇ¥ÀüÈ : 010-2371-4579 (Àü±¹)
Copyright
ITnJOB.COM
Ltd. All rights reserved.