·Î±×ÀÎ
¸¶ÀÌÆäÀÌÁö
ÀÌ¿ë¾È³»
°í°´¼¾ÅÍ
¼ºñ½º¾È³»
Áñ°Üã±â
JAVA
½ÅÀÔ»ç¿ø
PHP
ASP
³×Æ®¿öÅ©
°æ·Â»ç¿ø
DBA
°³ÀÎ
±â¾÷
¼Ä¡Æß
Ä¿¹Â´ÏƼ
°Ô½ÃÆÇ
ÀÚÀ¯°Ô½ÃÆÇ
IT ±³À°/±¹ºñÁö¿ø/¼¼¹Ì³ª
¹«·á ¹è³Ê½Åû °Ô½ÃÆÇ
IT ´º½º(NEWS)
ȸ¿ø¿ë ÀÚ·á½Ç
°¶·¯¸®
ȸ¿ø¿ë °¶·¯¸®
ºñȸ¿ø¿ë °¶·¯¸®
À¥Áø°Ô½ÃÆÇ
ȸ¿ø¿ë °Ô½ÃÆÇ
ºñȸ¿ø¿ë °Ô½ÃÆÇ
IT ±³À°/±¹ºñÁö¿ø/¼¼¹Ì³ª
[±¹ºñÁö¿ø// UI /UX]]¾Þ±Ö·¯(Angular) & ÀÚ¹Ù½ºÅ©¸³Æ®(ECMA, TypeScript) ȸ鱸Çö ÀçÁ÷ÀÚÇâ»ó°úÁ¤
ÀÛ¼ºÀÚ:
žũ¸®¿¡µà
̵̧:
0°Ç
¹Ý´ë:
0°Ç
Á¶È¸:
1137
µî·ÏÀÏ:
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¿ù ¹«·á Á¤±â±âº»±³À° ½ÅûÇϼ¼¿ä!
¹øÈ£
Á¦¸ñ
ÀÛ¼ºÀÚ
̵̧
¹Ý´ë
Á¶È¸
µî·ÏÀÏ
19394
✅ ½Ç¹«ÀÚ¹ÙÀ¥°³¹ßÀÚ ±¹ºñÁö¿ø - ÇÏÀÌ...
ÇÏÀ̵̹ð¾î
0
0
3
2024-04-23
19393
✅ °ø°øºòµ¥ÀÌÅÍ ÀÚ¹Ù°³¹ßÀÚ ±¹ºñÁö...
ÇÏÀ̵̹ð¾î
0
0
2
2024-04-23
19392
✅ ½Ç³»ÀÎÅ׸®¾î ±¹ºñÁö¿ø - ÇÏÀ̵̹ð...
ÇÏÀ̵̹ð¾î
0
0
3
2024-04-23
19391
[À¥°³¹ß±¹ºñ°úÁ¤] ¿¡ÀÌÄܾÆÄ«µ¥¹Ì È«´ëÇпø...
¿¡ÀÌÄÜÈ«´ë
0
0
5
2024-04-22
19390
☑️ Ãë¾÷°úÁ¤ 8±â À¥°³¹ß ¹«·á...
±¸Æ®¾ÆÄ«µ¥¹Ì
0
0
15
2024-04-22
19389
✅[Çѱ¹Á¤º¸±â¼ú¿¬±¸¿ø] Á¤º¸º¸¾È ±³...
Å°Æ®¸®
0
0
7
2024-04-22
19388
[¡Ú°í¿ë³ëµ¿ºÎ 5³âÀÎÁõ ¿ì¼öÈƷñâ°ü] Àü¾×...
ÀÌÇÏÀ²
0
0
33
2024-04-17
19387
[ÄÚµù¹«·á±³À°] K-Digital À¥ ½Ã½ºÅÛ ¾ç¼º ...
±¸Æ®¾ÆÄ«µ¥¹Ì
0
0
34
2024-04-17
19386
✅[Çѱ¹Á¤º¸±â¼ú¿¬±¸¿ø] Á¤º¸º¸¾È ±³...
Å°Æ®¸®
0
0
50
2024-04-15
19385
[±¹ºñÁö¿ø] ÄÉÀ̵ðÁöÅÐ 5¿ù À¥ ½Ã½ºÅÛ ¾ç¼º...
±¸Æ®¾ÆÄ«µ¥¹Ì
0
0
25
2024-04-15
19384
[À¥°³¹ß±¹ºñ°úÁ¤] ¿¡ÀÌÄܾÆÄ«µ¥¹Ì È«´ëÇпø...
¿¡ÀÌÄÜÈ«´ë
0
0
29
2024-04-15
19383
[¸Þ°¡½ºÅ͵ð±³À°±×·ì ´õÁ¶ÀºÄÄÇ»ÅÍÇпø ±¸...
´õÁ¶ÀºGR
0
0
27
2024-04-13
19382
[¸Þ°¡½ºÅ͵ð±³À°±×·ì ´õÁ¶ÀºÄÄÇ»ÅÍÇпø ±¸...
´õÁ¶ÀºGR
0
0
27
2024-04-12
19381
[¡Ú°í¿ë³ëµ¿ºÎ 5³âÀÎÁõ ¿ì¼öÈƷñâ°ü] K-µð...
ÀÌÇÏÀ²
0
0
26
2024-04-12
19380
[ÄÉÀ̵ðÁöÅÐ] 5¿ù ±¹ºñ¹«·á±³À° À¥ ½Ã½ºÅÛ ...
±¸Æ®¾ÆÄ«µ¥¹Ì
0
0
20
2024-04-11
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.