|
|
|
|
|
|
|
¸ñÂ÷ |
|
1Àå ¸®¾×Æ® ÇÁ·ÎÁ§Æ® ½ÃÀÛÇϱâ
1.1 ¸®¾×Æ®¶õ ¹«¾ùÀΰ¡
1.2 ¸®¾×Æ® °³¹ß ȯ°æ Á÷Á¢ ±¸ÃàÇϱâ
1.2.1 Hello World ÆäÀÌÁö ¸¸µé±â
1.2.2 ¹Ùº§ »ç¿ëÇØ º¸±â
1.2.3 À¥ÆÑÀÇ ±âº» °³³ä ÀÌÇØÇϱâ
1.2.4 À¥ÆÑ »ç¿ëÇØ º¸±â
1.3 create-react-appÀ¸·Î ½ÃÀÛÇϱâ
1.3.1 create-react-app »ç¿ëÇØ º¸±â
1.3.2 ÁÖ¿ä ¸í·É¾î ¾Ë¾Æº¸±â
1.3.3 ÀÚ¹Ù½ºÅ©¸³Æ® Áö¿ø ¹üÀ§
1.3.4 ÄÚµå ºÐÇÒÇϱâ
1.3.5 ȯ°æ º¯¼ö »ç¿ëÇϱâ
1.4 CSS ÀÛ¼º ¹æ¹ý °áÁ¤Çϱâ
1.4.1 ÀϹÝÀûÀÎ CSS ÆÄÀÏ·Î ÀÛ¼ºÇϱâ
1.4.2 css-module·Î ÀÛ¼ºÇϱâ
1.4.3 Sass·Î ÀÛ¼ºÇϱâ
1.4.4 css-in-js·Î ÀÛ¼ºÇϱâ
1.5 ´ÜÀÏ ÆäÀÌÁö ¾ÖÇø®ÄÉÀÌ¼Ç ¸¸µé±â
1.5.1 ºê¶ó¿ìÀú È÷½ºÅ丮 API
1.5.2 react-router-dom »ç¿ëÇϱâ
2Àå ES6+¸¦ Ç°Àº ÀÚ¹Ù½ºÅ©¸³Æ®, ¸Å·ÂÀûÀÎ ¾ð¾î°¡ µÇ´Ù
2.1 º¯¼ö¸¦ Á¤ÀÇÇÏ´Â »õ·Î¿î ¹æ¹ý: const, let
2.1.1 var°¡ °¡Áø ¹®Á¦
2.1.2 varÀÇ ¹®Á¦¸¦ ÇØ°áÇÏ´Â const, let
2.2 °´Ã¼¿Í ¹è¿ÀÇ »ç¿ë¼º °³¼±
2.2.1 °´Ã¼¿Í ¹è¿À» °£ÆíÇÏ°Ô »ý¼ºÇÏ°í ¼öÁ¤Çϱâ
2.2.2 °´Ã¼¿Í ¹è¿ÀÇ ¼Ó¼º°ªÀ» °£ÆíÇÏ°Ô °¡Á®¿À±â
2.3 °ÈµÈ ÇÔ¼öÀÇ ±â´É
2.3.1 ¸Å°³º¯¼ö¿¡ Ãß°¡µÈ ±â´É
2.3.2 ÇÔ¼ö¸¦ Á¤ÀÇÇÏ´Â »õ·Î¿î ¹æ¹ý: È»ìÇ¥ ÇÔ¼ö
2.4 Çâ»óµÈ ºñµ¿±â ÇÁ·Î±×·¡¹Ö 1: ÇÁ·Î¹Ì½º
2.4.1 ÇÁ·Î¹Ì½º ÀÌÇØÇϱâ
2.4.2 ÇÁ·Î¹Ì½º È°¿ëÇϱâ
2.4.3 ÇÁ·Î¹Ì½º »ç¿ë ½Ã ÁÖÀÇÇÒ Á¡
2.5 Çâ»óµÈ ºñµ¿±â ÇÁ·Î±×·¡¹Ö 2: async await
2.5.1 async await ÀÌÇØÇϱâ
2.5.2 async await È°¿ëÇϱâ
2.6 ÅÛÇø´ ¸®ÅÍ·²·Î µ¿ÀûÀÎ ¹®ÀÚ¿ »ý¼ºÇϱâ
2.7 ½ÇÇàÀ» ¸ØÃâ ¼ö ÀÖ´Â Á¦³Ê·¹ÀÌÅÍ
2.7.1 Á¦³Ê·¹ÀÌÅÍ ÀÌÇØÇϱâ
2.7.2 Á¦³Ê·¹ÀÌÅÍ È°¿ëÇϱâ
3Àå Áß¿äÇÏÁö¸¸ Çò°¥¸®´Â ¸®¾×Æ® °³³ä ÀÌÇØÇϱâ
3.1 »óÅÈ°ª°ú ¼Ó¼º°ªÀ¸·Î °ü¸®ÇÏ´Â UI µ¥ÀÌÅÍ
3.1.1 ¸®¾×Æ®¸¦ »ç¿ëÇÑ ÄÚµåÀÇ Æ¯Â¡
3.1.2 ÄÄÆ÷³ÍÆ®ÀÇ ¼Ó¼º°ª°ú »óÅÈ°ª
3.1.3 ÄÄÆ÷³ÍÆ® ÇÔ¼öÀÇ ¹Ýȯ°ª
3.2 ¸®¾×Æ® ¿ä¼Ò¿Í °¡»ó µ¼
3.2.1 ¸®¾×Æ® ¿ä¼Ò ÀÌÇØÇϱâ
3.2.2 ¸®¾×Æ® ¿ä¼Ò°¡ µ¼ ¿ä¼Ò·Î ¸¸µé¾îÁö´Â °úÁ¤
3.3 ¸®¾×Æ® ÈÅ ±âÃÊ ÀÍÈ÷±â
3.3.1 »óÅÈ°ª Ãß°¡Çϱâ: useState
3.3.2 ÄÄÆ÷³ÍÆ®¿¡¼ ºÎ¼ö È¿°ú ó¸®Çϱâ: useEffect
3.3.3 ÈÅ Á÷Á¢ ¸¸µé±â
3.3.4 ÈÅ »ç¿ë ½Ã ÁöÄÑ¾ß ÇÒ ±ÔÄ¢
3.4 ÄÜÅؽºÆ® API·Î µ¥ÀÌÅÍ Àü´ÞÇϱâ
3.4.1 ÄÜÅؽºÆ® API ÀÌÇØÇϱâ
3.4.2 ÄÜÅؽºÆ® API È°¿ëÇϱâ
3.4.3 ÄÜÅؽºÆ® API »ç¿ë ½Ã ÁÖÀÇÇÒ Á¡
3.5 ref ¼Ó¼º°ªÀ¸·Î ÀÚ½Ä ¿ä¼Ò¿¡ Á¢±ÙÇϱâ
3.5.1 ref ¼Ó¼º°ª ÀÌÇØÇϱâ
3.5.2 ref ¼Ó¼º°ª È°¿ëÇϱâ
3.5.3 ref ¼Ó¼º°ª »ç¿ë ½Ã ÁÖÀÇÇÒ Á¡
3.6 ¸®¾×Æ® ³»Àå ÈÅ »ìÆ캸±â
3.6.1 Consumer ÄÄÆ÷³ÍÆ® ¾øÀÌ ÄÜÅؽºÆ® »ç¿ëÇϱâ: useContext
3.6.2 ·»´õ¸µ°ú ¹«°üÇÑ °ª ÀúÀåÇϱâ: useRef
3.6.3 ¸Þ¸ðÀÌÁ¦ÀÌ¼Ç ÈÅ: useMemo, useCallback
3.6.4 ÄÄÆ÷³ÍÆ®ÀÇ »óÅÈ°ªÀ» ¸®´ö½ºÃ³·³ °ü¸®Çϱâ: useReducer
3.6.5 ºÎ¸ð ÄÄÆ÷³ÍÆ®¿¡¼ Á¢±Ù °¡´ÉÇÑ ÇÔ¼ö ±¸ÇöÇϱâ: useImperativeHandle
3.6.6 ±âŸ ¸®¾×Æ® ³»Àå ÈÅ: useLayoutEffect, useDebugValue
4Àå ¸®¾×Æ® ½ÇÀü È°¿ë¹ý
4.1 °¡µ¶¼º°ú »ý»ê¼ºÀ» °í·ÁÇÑ ÄÄÆ÷³ÍÆ® ÄÚµå ÀÛ¼º¹ý
4.1.1 ÃßõÇÏ´Â ÄÄÆ÷³ÍÆ® ÆÄÀÏ ÀÛ¼º¹ý
4.1.2 ¼Ó¼º°ª ŸÀÔ Á¤ÀÇÇϱâ: prop-types
4.1.3 °¡µ¶¼ºÀ» ³ôÀÌ´Â Á¶°ÇºÎ ·»´õ¸µ ¹æ¹ý
4.1.4 °ü½É»ç ºÐ¸®¸¦ À§ÇÑ ÇÁ·¹Á¨Å×À̼Ç, ÄÁÅ×ÀÌ³Ê ÄÄÆ÷³ÍÆ® ±¸ºÐÇϱâ
4.2 useEffect ÈÅ ½ÇÀü È°¿ë¹ý
4.2.1 ÀÇÁ¸¼º ¹è¿À» °ü¸®ÇÏ´Â ¹æ¹ý
4.2.2 ÀÇÁ¸¼º ¹è¿À» ¾ø¾Ö´Â ¹æ¹ý
4.3 ·»´õ¸µ ¼Óµµ¸¦ ¿Ã¸®±â À§ÇÑ ¼º´É ÃÖÀûÈ ¹æ¹ý
4.3.1 React.memo·Î ·»´õ¸µ °á°ú Àç»ç¿ëÇϱâ
4.3.2 ¼Ó¼º°ª°ú »óÅÈ°ªÀ» ºÒº¯ º¯¼ö·Î °ü¸®ÇÏ´Â ¹æ¹ý
4.3.3 °¡»ó µ¼¿¡¼ÀÇ ¼º´É ÃÖÀûÈ
5Àå ·¹°Å½Ã ÇÁ·ÎÁ§Æ®¸¦ À§ÇÑ Å¬·¡½ºÇü ÄÄÆ÷³ÍÆ®
5.1 Ŭ·¡½ºÇü ÄÄÆ÷³ÍÆ®ÀÇ »ý¸í Áֱ⠸޼µå
5.1.1 constructor ¸Þ¼µå
5.1.2 getDerivedStateFromProps ¸Þ¼µå
5.1.3 render ¸Þ¼µå
5.1.4 componentDidMount ¸Þ¼µå
5.1.5 shouldComponentUpdate ¸Þ¼µå
5.1.6 getSnapshotBeforeUpdate ¸Þ¼µå
5.1.7 componentDidUpdate ¸Þ¼µå
5.1.8 componentWillUnmount ¸Þ¼µå
5.1.9 getDerivedStateFromError, componentDidCatch ¸Þ¼µå
5.2 Ŭ·¡½ºÇü ÄÄÆ÷³ÍÆ® ±âº» »ç¿ë¹ý
5.2.1 setState ¸Þ¼µå ÀÌÇØÇϱâ
5.2.2 Ŭ·¡½º Çʵ带 ÀÌ¿ëÇØ À̺¥Æ® ó¸® ¸Þ¼µå ÀÛ¼ºÇϱâ
5.2.3 »ý¸í Áֱ⠸޼µå¿¡¼ ÄÁÅؽºÆ® µ¥ÀÌÅÍ »ç¿ëÇϱâ
5.3 ÄÄÆ÷³ÍÆ®ÀÇ °øÅë ±â´É °ü¸®Çϱâ
5.3.1 °íÂ÷ ÄÄÆ÷³ÍÆ®¸¦ ÀÌ¿ëÇÑ °øÅë ±â´É °ü¸®
5.3.2 ·»´õ ¼Ó¼º°ªÀ» ÀÌ¿ëÇÑ °øÅë ±â´É °ü¸®
5.4 Ŭ·¡½ºÇü ÄÄÆ÷³ÍÆ®¿Í ÈÅÀÇ °ü°è
5.5 Ŭ·¡½ºÇü ÄÄÆ÷³ÍÆ®¸¦ ÈÅÀ¸·Î º¯È¯Çϱâ
5.5.1 constructor ¸Þ¼µå
5.5.2 componentDidUpdate ¸Þ¼µå
5.5.3 getDerivedStateFromProps ¸Þ¼µå
5.5.4 forceUpdate ¸Þ¼µå
5.6 ±âÁ¸ Ŭ·¡½ºÇü ÄÄÆ÷³ÍÆ®¸¦ °í·ÁÇÑ Ä¿½ºÅÒ ÈÅ ÀÛ¼º¹ý
5.6.1 Ä¿½ºÅÒ ÈÅÀÇ ¹Ýȯ°ªÀÌ ¾ø´Â °æ¿ì
5.6.2 Ä¿½ºÅÒ ÈÅÀÇ ¹Ýȯ°ªÀÌ ÀÖ´Â °æ¿ì
6Àå ¸®´ö½º·Î »óÅ °ü¸®Çϱâ
6.1 ¸®´ö½º »ç¿ë ½Ã µû¶ó¾ß ÇÒ ¼¼ °¡Áö ¿øÄ¢
6.2 ¸®´ö½ºÀÇ ÁÖ¿ä °³³ä ÀÌÇØÇϱâ
6.2.1 ¾×¼Ç
6.2.2 ¹Ìµé¿þ¾î
6.2.3 ¸®µà¼
6.2.4 ½ºÅä¾î
6.3 µ¥ÀÌÅÍ Á¾·ùº°·Î »óÅÈ°ª ³ª´©±â
6.3.1 »óÅÈ°ª ³ª´©±â ¿¹Á¦¸¦ À§ÇÑ »çÀü ÀÛ¾÷
6.3.2 ¸®µà¼¿¡¼ °øÅë ±â´É ºÐ¸®Çϱâ
6.4 ¸®¾×Æ® »óÅÈ°ªÀ» ¸®´ö½º·Î °ü¸®Çϱâ
6.4.1 react-redux ÆÐÅ°Áö ¾øÀÌ Á÷Á¢ ±¸ÇöÇϱâ
6.4.2 react-redux ÆÐÅ°Áö »ç¿ëÇϱâ
6.5 reselect ÆÐÅ°Áö·Î ¼±ÅÃÀÚ ÇÔ¼ö ¸¸µé±â
6.5.1 reselect ÆÐÅ°Áö ¾øÀÌ ±¸ÇöÇØ º¸±â
6.5.2 reselect ÆÐÅ°Áö »ç¿ëÇϱâ
6.5.3 reselect¿¡¼ ÄÄÆ÷³ÍÆ®ÀÇ ¼Ó¼º°ª ÀÌ¿ëÇϱâ
6.5.4 ÄÄÆ÷³ÍÆ® ÀνºÅϽºº°·Î µ¶¸³µÈ ¸Þ¸ðÀÌÁ¦ÀÌ¼Ç Àû¿ëÇϱâ
6.6 ¸®´ö½º »ç°¡¸¦ ÀÌ¿ëÇÑ ºñµ¿±â ¾×¼Ç ó¸®
6.6.1 ¸®´ö½º »ç°¡ ½ÃÀÛÇϱâ
6.6.2 ¿©·¯ °³ÀÇ ¾×¼ÇÀÌ Çù¾÷ÇÏ´Â »ç°¡ ÇÔ¼ö
6.6.3 »ç°¡ ÇÔ¼öÀÇ ¿¹¿Ü ó¸®
6.6.4 ¸®´ö½º »ç°¡·Î µð¹Ù¿î½º ±¸ÇöÇϱâ
6.6.5 »ç°¡ ÇÔ¼ö Å×½ºÆ®Çϱâ
7Àå ¹Ùº§°ú À¥ÆÑ ÀÚ¼¼È÷ µé¿©´Ùº¸±â
7.1 ¹Ùº§ ½ÇÇà ¹× ¼³Á¤Çϱâ
7.1.1 ¹Ùº§À» ½ÇÇàÇÏ´Â ¿©·¯ °¡Áö ¹æ¹ý
7.1.2 È®À强°ú À¯¿¬¼ºÀ» °í·ÁÇÑ ¹Ùº§ ¼³Á¤ ¹æ¹ý
7.1.3 Àüü ¼³Á¤ ÆÄÀÏ°ú Áö¿ª ¼³Á¤ ÆÄÀÏ
7.1.4 ¹Ùº§°ú Æú¸®ÇÊ
7.2 ¹Ùº§ Ç÷¯±×ÀÎ Á¦ÀÛÇϱâ
7.2.1 AST ±¸Á¶ µé¿©´Ùº¸±â
7.2.2 ¹Ùº§ Ç÷¯±×ÀÎÀÇ ±âº» ±¸Á¶
7.2.3 ¹Ùº§ Ç÷¯±×ÀÎ Á¦ÀÛÇϱâ: ¸ðµç ÄÜ¼Ö ·Î±× Á¦°Å
7.2.4 ¹Ùº§ Ç÷¯±×ÀÎ Á¦ÀÛÇϱâ: ÇÔ¼ö ³»ºÎ¿¡ ÄÜ¼Ö ·Î±× Ãß°¡
7.3 À¥ÆÑ ÃʱÞÆí
7.3.1 À¥ÆÑ ½ÇÇàÇϱâ
7.3.2 ·Î´õ »ç¿ëÇϱâ
7.3.3 Ç÷¯±×ÀÎ »ç¿ëÇϱâ
7.4 À¥ÆÑ °í±ÞÆí
7.4.1 ³ª¹« Èçµé±â
7.4.2 ÄÚµå ºÐÇÒ
7.4.3 ·Î´õ Á¦ÀÛÇϱâ
7.4.4 Ç÷¯±×ÀÎ Á¦ÀÛÇϱâ
8Àå ¼¹ö»çÀÌµå ·»´õ¸µ ±×¸®°í Next.js
8.1 ¼¹ö»çÀÌµå ·»´õ¸µ ÃʱÞÆí
8.1.1 Ŭ¶óÀ̾ðÆ®¿¡¼¸¸ ·»´õ¸µÇØ º¸±â
8.1.2 ¼¹ö»çÀÌµå ·»´õ¸µ ÇÔ¼ö »ç¿ëÇØ º¸±â: renderToString
8.1.3 ¼¹ö µ¥ÀÌÅ͸¦ Ŭ¶óÀ̾ðÆ®·Î Àü´ÞÇϱâ
8.1.4 ½ºÅ¸ÀÏ Àû¿ëÇϱâ
8.1.5 À̹ÌÁö ¸ðµâ Àû¿ëÇϱâ
8.2 ¼¹ö»çÀÌµå ·»´õ¸µ °í±ÞÆí
8.2.1 ÆäÀÌÁö¸¦ ¹Ì¸® ·»´õ¸µÇϱâ
8.2.2 ¼¹ö»çÀÌµå ·»´õ¸µ ij½ÌÇϱâ
8.2.3 ¼¹ö»çÀÌµå ·»´õ¸µ ÇÔ¼ö »ç¿ëÇØ º¸±â: renderToNodeStream
8.3 ³Ø½ºÆ® ÃʱÞÆí
8.3.1 ³Ø½ºÆ® ½ÃÀÛÇϱâ
8.3.2 À¥ÆÑ ¼³Á¤ º¯°æÇϱâ
8.3.3 ¼¹ö¿¡¼ »ý¼ºµÈ µ¥ÀÌÅ͸¦ Àü´ÞÇϱâ
8.3.4 ÆäÀÌÁö À̵¿Çϱâ
8.3.5 ¿¡·¯ ÆäÀÌÁö ±¸ÇöÇϱâ
8.4 ³Ø½ºÆ® °í±ÞÆí
8.4.1 ÆäÀÌÁö °øÅë ±â´É ±¸ÇöÇϱâ
8.4.2 ³Ø½ºÆ®¿¡¼ÀÇ ÄÚµå ºÐÇÒ
8.4.3 À¥ ¼¹ö Á÷Á¢ ¶ç¿ì±â
8.4.4 ¼¹ö»çÀÌµå ·»´õ¸µ ij½ÌÇϱâ
8.4.5 ÆäÀÌÁö ¹Ì¸® ·»´õ¸µÇϱâ
8.4.6 styled-components »ç¿ëÇϱâ
9Àå Á¤Àû ŸÀÔ ±×¸®°í ŸÀÔ½ºÅ©¸³Æ®
9.1 ŸÀÔ½ºÅ©¸³Æ®¶õ?
9.1.1 µ¿Àû ŸÀÔ ¾ð¾î¿Í Á¤Àû ŸÀÔ ¾ð¾î
9.1.2 ŸÀÔ½ºÅ©¸³Æ®ÀÇ ÀåÁ¡
9.1.3 ½Ç½ÀÀ» À§ÇÑ Áغñ
9.2 ŸÀÔ½ºÅ©¸³Æ®ÀÇ ¿©·¯ °¡Áö ŸÀÔ
9.2.1 ŸÀÔ½ºÅ©¸³Æ®ÀÇ ´Ù¾çÇÑ Å¸ÀÔ
9.2.2 ¿°ÅÇü ŸÀÔ
9.2.3 ÇÔ¼ö ŸÀÔ
9.3 ÀÎÅÍÆäÀ̽º
9.3.1 ÀÎÅÍÆäÀ̽º·Î °´Ã¼ ŸÀÔ Á¤ÀÇÇϱâ
9.3.2 ÀÎÅÍÆäÀ̽º·Î Á¤ÀÇÇÏ´Â À妽º ŸÀÔ
9.3.3 ±× ¹Û¿¡ ÀÎÅÍÆäÀ̽º·Î ÇÒ ¼ö ÀÖ´Â °Í
9.4 ŸÀÔ È£È¯¼º
9.4.1 ¼ýÀÚ¿Í ¹®ÀÚ¿ÀÇ Å¸ÀÔ È£È¯¼º
9.4.2 ÀÎÅÍÆäÀ̽ºÀÇ Å¸ÀÔ È£È¯¼º
9.4.3 ÇÔ¼öÀÇ Å¸ÀÔ È£È¯¼º
9.5 ŸÀÔ½ºÅ©¸³Æ® °í±Þ ±â´É
9.5.1 Á¦³×¸¯
9.5.2 ¸Êµå ŸÀÔ
9.5.3 Á¶°ÇºÎ ŸÀÔ
9.6 »ý»ê¼ºÀ» ³ôÀ̴ ŸÀÔ½ºÅ©¸³Æ®ÀÇ ±â´É
9.6.1 ŸÀÔ Ãß·Ð
9.6.2 ŸÀÔ °¡µå
9.7 ŸÀÔ½ºÅ©¸³Æ® ȯ°æ ±¸ÃàÇϱâ
9.7.1 create-react-app°ú ³Ø½ºÆ®¿¡¼ ŸÀÔ½ºÅ©¸³Æ® »ç¿ëÇϱâ
9.7.2 ÇÁ·¹ÀÓ¿öÅ©¸¦ »ç¿ëÇÏÁö ¾Ê°í ŸÀÔ½ºÅ©¸³Æ® ȯ°æ ±¸ÃàÇϱâ
9.7.3 ±âŸ ȯ°æ ¼³Á¤Çϱâ
9.8 ¸®¾×Æ®¿¡ ŸÀÔ Àû¿ëÇϱâ
9.8.1 ¸®¾×Æ® ÄÄÆ÷³ÍÆ®¿¡¼ ŸÀÔ Á¤ÀÇÇϱâ
9.8.2 ¸®´ö½º¿¡¼ ŸÀÔ Á¤ÀÇÇϱâ
10Àå ´Ù°¡¿Ã ¸®¾×Æ®ÀÇ º¯È: concurrent ¸ðµå
10.1 ºí·ÎÅ· vs. ³íºí·ÎÅ· ·»´õ¸µ
10.2 ÀÛ¾÷ÀÇ ¿ì¼±¼øÀ§¸¦ ÅëÇÑ È¿À²ÀûÀÎ CPU »ç¿ë
10.3 ¼½ºÆ潺·Î °¡´ÉÇØÁø ÄÄÆ÷³ÍÆ® ÇÔ¼ö ³» ºñµ¿±â ó¸®
10.3.1 ÄÄÆ÷³ÍÆ® ÇÔ¼ö ³»¿¡¼ ºñµ¿±â·Î ¸ðµâ °¡Á®¿À±â
10.3.2 ÄÄÆ÷³ÍÆ® ÇÔ¼ö ³»¿¡¼ API·Î µ¥ÀÌÅÍ ¹Þ±â |
|
|
|
ÀúÀÚ
|
|
ÀÌÀç½Â
´ëÇб³ 1Çг⠶§ C ¾ð¾î¸¦ óÀ½ ¹è¿ì¸é¼ Å͹̳ο¡¼ µ¿ÀÛÇÏ´Â Å×Æ®¸®½º¸¦ ¹ã»õ¸ç ¸¸µé¾ú´Ù. ¸¿¼Ò»ç! ¼¼»ó¿¡ ÀÌ·¸°Ô Àç¹Õ´Â °Ô ÀÖ´Ù´Ï. KAIST ÀΰøÁö´É ¿¬±¸½Ç¿¡¼ ¼®»ç °úÁ¤À» ¹â´ø Áß ¿¬±¸º¸´Ù´Â Á¦Ç°À» ¸¸µå´Â ¿£Áö´Ï¾î°¡ Àû¼º¿¡ ¸Â´Â´Ù´Â °ÍÀ» È®½ÇÈ÷ ±ú´Ý°í, ¸®¾×Æ®¸¦ ÅëÇØ À¥ ÇÁ·ÐÆ®¿£µå °³¹ßÀÚ·Î ÀüÇâÇß´Ù. ¸®¾×Æ®¿¡ ºüÁ® Áö³»´Ù º¸´Ï ¸®¾×Æ® °ø½Ä ÇÁ·ÎÁ§Æ®¿¡ º¸³½ PRÀÌ ¸ÓÁöµÇ´Â °æÇèµµ Çß´Ù. ºí·Î±×¿¡ ¾´ 'Ä«Ä«¿ÀÆäÀÌÁö À¥ React Æ÷Æà Èıâ'¶ó´Â ±ÛÀÌ ¸¹ÀÌ ÀÐÈ÷±âµµ Çß´Ù. ¿äÁòÀº Ä«Ä«¿ÀÆäÀÌÁö ÇØ¿Ü ¹öÀü À¥ °³¹ß¿¡ ÁýÁßÇÏ°í ÀÖ´Ù.
|
|
|
|
|
|
|
|
Ãâ°í¾È³» |
|
|
Ãâ°í¶õ ÀÎÅÍÆÄÅ© ¹°·ùâ°í¿¡¼ µµ¼°¡ Æ÷ÀåµÇ¾î ³ª°¡´Â ½ÃÁ¡À» ¸»Çϸç, ½ÇÁ¦ °í°´´Ô²²¼ ¼ö·ÉÇϽô ½Ã°£Àº »óÇ°Áغñ¿Ï·áÇØ Ãâ°íÇÑ ³¯Â¥ + Åùè»ç ¹è¼ÛÀÏÀÔ´Ï´Ù. |
|
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óÇ°ÀÇ Àç°í°¡ ÃæÁ·ÇÒ ½Ã¿¡ ÀÏ°ý Ãâ°í¸¦ ÇÕ´Ï´Ù. |
|
ÀϺΠÀç°í¿¡ ´ëÇÑ Ãâ°í°¡ ÇÊ¿äÇÒ ½Ã¿¡´Â ´ã´çÀÚ¿¡°Ô Á÷Á¢ ¿¬¶ôÇϽðųª, °í°´¼¾ÅÍ(°í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ôÁֽñ⠹ٶø´Ï´Ù. |
|
¹è¼Ûºñ ¾È³» |
|
|
ÀÎÅÍÆÄÅ© µµ¼ ´ë·®±¸¸Å´Â ¹è¼Û·á°¡ ¹«·áÀÔ´Ï´Ù. |
|
´Ü, 1°³ÀÇ »óÇ°À» ´Ù¼öÀÇ ¹è¼ÛÁö·Î ÀÏ°ý ¹ß¼Û½Ã¿¡´Â 1°³ÀÇ ¹è¼ÛÁö´ç 2,000¿øÀÇ ¹è¼Ûºñ°¡ ºÎ°úµË´Ï´Ù. |
¾Ë¾ÆµÎ¼¼¿ä! |
|
|
°í°´´Ô²²¼ ÁÖ¹®ÇϽŠµµ¼¶óµµ µµ¸Å»ó ¹× ÃâÆÇ»ç »çÁ¤¿¡ µû¶ó Ç°Àý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù. |
|
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù.
(´Ü, Åä/ÀÏ¿äÀÏ Á¦¿Ü) |
|
|
|
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù.
±³È¯/¹ÝÇ°/º¸ÁõÁ¶°Ç ¹× Ç°Áúº¸Áõ ±âÁØÀº ¼ÒºñÀڱ⺻¹ý¿¡ µû¸¥ ¼ÒºñÀÚ ºÐÀï ÇØ°á ±âÁØ¿¡ µû¶ó ÇÇÇظ¦ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
Á¤È®ÇÑ È¯ºÒ ¹æ¹ý ¹× ȯºÒÀÌ Áö¿¬µÉ °æ¿ì 1:1¹®ÀÇ °Ô½ÃÆÇ ¶Ç´Â °í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ô Áֽñ⠹ٶø´Ï´Ù.
¼ÒºñÀÚ ÇÇÇغ¸»óÀÇ ºÐÀïó¸® µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á±âÁØ(°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ µû¶ó ºñÇØ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
|
|
»óÇ°À» °ø±Þ ¹ÞÀ¸½Å ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
|
°ø±Þ¹ÞÀ¸½Å »óÇ°ÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ùÀ̳», ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
|
»óÇ°¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óÇ°ÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´ÉÇÕ´Ï´Ù.
|
|
|
|
±³È¯ ¹× ¹ÝÇ°ÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
|
|
|
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. (´Ü, »óÇ°ÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü) |
|
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆǸŰ¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
Æ÷Àå °³ºÀµÇ¾î »óÇ° °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹ÝÇ° ȯºÒ |
|
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝÇ°À» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù. |
|
1°³ Áö¿ªÀÇ ¹ÝÇ°ÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝÇ°À» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
|
|
|
|
|