Ã¥¼Ò°³
ÀÌ Ã¥Àº ŸÀÔ½ºÅ©¸³Æ® ±âÁØÀ¸·Î °´Ã¼ ÁöÇâ ÇÁ·Î±×·¡¹Ö¿¡ ´ëÇؼ ´Ù·ç°í ÀÖ´Ù.
ŸÀÔ½ºÅ©¸³Æ®°¡ Áö¿øÇÏ´Â ±â´É¿¡ ´ëÇØ ¾Ë¾Æº¸°í SOLID °´Ã¼ ÁöÇâ ¼³°è ¹æ½ÄÀ» ¼³¸íÇÑ´Ù.
½ÇÀü ¿¹Á¦·Î °£´ÜÇÑ ÆäÀÎÅÍ ÇÁ·Î±×·¥À» ¸¸µé¾î º¼ °ÍÀÌ´Ù.
¸ÕÀú ÀýÂ÷ ÁöÇâ ¹æ½ÄÀ¸·Î ÁøÇàÇÏ¿© ´ÜÁ¡À» ÆľÇÇÏ°í ¿Ö °´Ã¼ ÁöÇâ ¹æ½ÄÀ¸·Î °³¹ßÇØ¾ß ÇÏ´ÂÁö ¾Ë¾Æº»´Ù.
±×¸®°í, ÈĹݺο¡ SOLID °´Ã¼ ÁöÇâ ¼³°è ¹æ½Ä°ú GoF µðÀÚÀÎ ÆÐÅÏÀ» ÀÌ¿ëÇÏ¿© ÆäÀÎÅÍ ÇÁ·Î±×·¥À» °´Ã¼ ÁöÇâ ¹æ½ÄÀ¸·Î ´Ù½Ã Á¦ÀÛÇÑ´Ù.
¸¶Áö¸·À¸·Î À¥ÆÑÀ» È°¿ëÇÏ¿© ¹øµé¸µ ÀÛ¾÷À» ÁøÇàÇÏ°í grunt¸¦ ÀÌ¿ëÇØ ¹èÆ÷ÇÑ´Ù.
¸ñÂ÷
1Àå : ÀýÂ÷ ÁöÇâ ÇÁ·ÎÁ§Æ®
1. ÆäÀÎÅÍ ¼³¸í
2. È¸é ±¸¼ºÇϱâ
3. ĵ¹ö½º¿¡ Á÷»ç°¢Çü ±×¸®±â
4. ±×¸®±â µµ±¸ ¼±ÅÃ
5. mousedown À̺¥Æ® ó¸®
6. mousemove À̺¥Æ® ó¸®
7. mouseup À̺¥Æ® ó¸®
8. Á÷¼± ±×¸®±â
9. Á÷»ç°¢Çü ±×¸®±â
10. Ÿ¿ø ±×¸®±â
11. ÀÚÀ¯¼± ±×¸®±â
12. ¼±³Êºñ ¼³Á¤Çϱâ
13. ¼±»ö ¼³Á¤Çϱâ
14. ä¿ò»ö ¼³Á¤Çϱâ
15. Àüü ¼Ò½º
16. ÀýÂ÷ ÁöÇâ °³¹ß ¹æ½Ä ´ÜÁ¡
2Àå : ECMAScript 6
1. var ¼±¾ðÀÚ Æ¯¼º
2. let ¼±¾ðÀÚ
3. const ¼±¾ðÀÚ
4. Symbol ŸÀÔ
5. È»ìÇ¥ ÇÔ¼ö
6. for of ¹®
7. µð½ºÆ®·°Ã³¸µ
8. Map Ä÷º¼Ç ŸÀÔ
9. Set Ä÷º¼Ç ŸÀÔ
10. ÇÔ¼ö ¸Å°³º¯¼ö
11. ÅÛÇø´ ¸®ÅÍ·²
12. Ŭ·¡½º ±¸¹®
13. Ŭ·¡½º »ó¼Ó
3Àå : ŸÀÔ½ºÅ©¸³Æ®
1. ŸÀÔ
2. ŸÀÔ ÁöÁ¤
3. Ŭ·¡½º
4. Ãß»óŬ·¡½º
5. ÀÎÅÍÆäÀ̽º
6. ¸ðµâ
4Àå : Ŭ·¡½º °ü°è¿Í UML
1. »ó¼Ó(generalization)
2. ±¸Çö(realization)
3. ¿¬°ü(association)
4. ÁýÇÕ(aggregation)
5. ÇÕ¼º(composition)
6. ÀÇÁ¸(dependency)
5Àå : °´Ã¼ ÁöÇâ ¼³°è ¿øÄ¢
1. ´ÜÀÏ Ã¥ÀÓ ¿øÄ¢
2. °³¹æ Æó¼â ¿øÄ¢
3. ¸®½ºÄÚÇÁ ġȯ ¿øÄ¢
4. ÀÎÅÍÆäÀ̽º ºÐ¸® ¿øÄ¢
5. ÀÇÁ¸ ¿ªÀü ¿øÄ¢
6Àå : °´Ã¼ ÁöÇâ ÇÁ·ÎÁ§Æ®
1. È¸é ±¸¼ºÇϱâ
2. ÆäÀÎÅÍ ¸ðµ¨ ¸¸µé±â
3. Á÷»ç°¢Çü »ý¼ºÀÚ Á¤ÀÇÇϱâ
4. Ÿ¿ø »ý¼ºÀÚ Á¤ÀÇÇϱâ
5. ±×¸²°³Ã¼ Ãß»óÈ
6. ±×¸®±â Åø ¼Ó¼º ¼³Á¤
7. ÀÚÀ¯¼± »ý¼ºÀÚ Á¤ÀÇÇϱâ
8. ¸¶¿ì½º À̺¥Æ® ó¸®
9. Á÷¼± ±×¸®±â
10. Á÷»ç°¢Çü ±×¸®±â
11. Ÿ¿ø ±×¸®±â
12. Á¤Àû ¸Þ¼µå Á¤ÀÇÇϱâ
13. ÀÚÀ¯¼± ±×¸®±â
14. MVC ÆÐÅÏ Àû¿ëÇϱâ
15. Observer ÆÐÅÏ Àû¿ëÇϱâ
16. Strategy ÆÐÅÏ Àû¿ëÇϱâ
17. State ÆÐÅÏ Àû¿ëÇϱâ
18. Factory Method ÆÐÅÏ Àû¿ëÇϱâ
19. ¼±³Êºñ ¼³Á¤Çϱâ
20. ¼±»ö ¼³Á¤Çϱâ
21. ä¿ò»ö ¼³Á¤Çϱâ
22. Àüü ¼Ò½º
7Àå : GoF µðÀÚÀÎÆÐÅÏ
1. ½Ì±ÛÅÏ(Singleton)
2. ºô´õ(Builder)
3. ÆÑÅ丮 ¸Þ¼µå(Factory Method)
4. ÇÁ·ÎÅäŸÀÔ(Prototype)
5. Ãß»óÆÑÅ丮(Abstract Factory)
6. ¾î´ðÅÍ(Adapter)
7. ºê¸®Áö(Bridge)
8. ÄÄÆ÷ÁöÆ®(Composite)
9. µ¥Ä¿·¹ÀÌÅÍ(Decorator)
10. ÆÛ»çµå(Facade)
11. ÇöóÀÌ¿þÀÌÆ®(Flyweight)
12. ÇÁ·Ï½Ã(Proxy)
13. Ã¥ÀÓ ¿¬¼â(Chain of Responsibillity)
14. Ä¿¸Çµå(Command)
15. ÀÎÅÍÇÁ¸®ÅÍ(Interpreter)
16. ÀÌÅÍ·¹ÀÌÅÍ(Iterator)
17. ¹Ìµð¿¡ÀÌÅÍ(Mediator)
18. ¸Þ¸àÅä(Memento)
19. ¿ÉÀú¹ö(Observer)
20. ½ºÅ×ÀÌÆ®(State)
21. ½ºÆ®·¡Æ¼Áö(Strategy)
22. ÅÛÇø´ ¸Þ¼µå(Template Method)
23. ºñÁöÅÍ(Visitor)
8Àå : ¹øµé¸µ
1. À¥ÆÑ ¼³Ä¡
2. ŸÀÔ½ºÅ©¸³Æ® ·Î´õ
3. À¥ÆÑ ¼³Á¤°ú ½ÇÇà
9Àå : ¹èÆ÷
1. ±×·±Æ® ¼³Ä¡
2. ŽºÅ© ÆÐÅ°Áö ¼³Ä¡
3. ±×·±Æ® ¼³Á¤°ú ½ÇÇà
ºÎ·Ï
1. ¾÷µ¥ÀÌÆ®
2. ¼Ò½º´Ù¿î·Îµå
3. ŸÀÔ½ºÅ©¸³Æ® ¼³Ä¡
4. ¼Ò½º ÄÚµå ½ÇÇà ¹æ¹ý