±¹³»µµ¼
ÄÄÇ»ÅÍ/ÀÎÅͳÝ
ÄÄÇ»ÅÍ È°¿ë/WEB
À¥/ȨÆäÀÌÁö
Á¤°¡ |
32,000¿ø |
---|
28,800¿ø (10%ÇÒÀÎ)
1,600P (5%Àû¸³)
ÇÒÀÎÇýÅÃ | |
---|---|
Àû¸³ÇýÅà |
|
|
|
Ãß°¡ÇýÅÃ |
|
À̺¥Æ®/±âȹÀü
¿¬°üµµ¼
»óÇ°±Ç
ÀÌ»óÇ°ÀÇ ºÐ·ù
Ã¥¼Ò°³
¸®¾×Æ®¿Í Å×½ºÆ® Äڵ带 µ¿½Ã¿¡
ÃÖ±Ù ¼ºñ½º¸¦ °³¹ßÇϱâ À§Çؼ´Â µ¿ÀÛÇÏ´Â ÇÁ·Î±×·¥À» ÀÛ¼ºÇÏ´Â °Í ÀÌ¿Ü¿¡µµ, ÇØ´ç ¼ºñ½º¸¦ ¾ÈÁ¤ÀûÀ¸·Î ¿î¿µÇÏ°í, ¹ß»ýÇÒ ¼ö ÀÖ´Â ¹ö±×¸¦ ¹ß°ßÇÒ ¼ö ÀÖµµ·Ï Å×½ºÆ® Äڵ带 ¸¹ÀÌ ÀÛ¼ºÇÏ°í ÀÖ´Ù. ÀÌ Ã¥¿¡¼´Â ¸®¾×Æ®¸¦ »ç¿ëÇÏ¿© À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» °³¹ßÇÏ´Â ¹æ¹ý»Ó¸¸ ¾Æ´Ï¶ó, ¸®¾×Æ® ÇÁ·ÎÁ§Æ®¿¡¼ Å×½ºÆ® Äڵ带 ÀÛ¼ºÇÏ´Â ¹æ¹ý, ±×¸®°í Å×½ºÆ® ÁÖµµ °³¹ß ¹æ¹ý·ÐÀ» È°¿ëÇÏ´Â ¹æ¹ý¿¡ ´ëÇؼµµ ´Ù·ç°í ÀÖ´Ù.
¸®¾×Æ®·Î ¼ºñ½º °³¹ß»Ó¸¸ ¾Æ´Ï¶ó ¾ÈÁ¤ÀûÀÎ ¼ºñ½º¸¦ ¿î¿µÇϱâ À§ÇÑ Å×½ºÆ® ÄÚµå ÀÛ¼º¿¡ ´ëÇØ °í¹ÎÇÏ°í ÀÖ´Ù¸é, ÀÌ Ã¥ÀÌ Å« µµ¿òÀÌ µÉ °ÍÀÌ´Ù.
ÀÌ Ã¥ÀÇ Æ¯Â¡
- ¸®¾×Æ®¸¦ ÅëÇØ À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» °³¹ßÇÏ´Â ¹æ¹ýÀ» °øºÎÇÒ ¼ö ÀÖ´Ù.
- ½ÇÀü¿¡¼ ¸¹ÀÌ »ç¿ëµÇ´Â ŸÀÔ½ºÅ©¸³Æ®, styled-components µîµµ ÇÔ²² °øºÎÇÒ ¼ö ÀÖ´Ù.
- ¸®¾×Æ® »Ó¸¸ ¾Æ´Ï¶ó, Å×½ºÆ® ÄÚµå ÀÛ¼º¹ý°ú Å×½ºÆ® ÁÖµµ °³¹ß ¹æ¹ý·Ð¿¡ ´ëÇؼ »ìÆ캼 ¼ö ÀÖ´Ù.
ÀÌ Ã¥ÀÌ ÇÊ¿äÇÑ µ¶ÀÚ
- ¸®¾×Æ®¸¦ óÀ½ °øºÎÇÏ´Â °³¹ßÀÚ
- ¸®¾×Æ®¿¡¼ Å×½ºÆ® Äڵ带 ÀÛ¼ºÇÏ´Â ¹æ¹ýÀ» ¾Ë°í ½ÍÀº °³¹ßÀÚ
- ¸®¾×Æ®¿¡¼ Å×½ºÆ® ÁÖµµ °³¹ß ¹æ¹ý·ÐÀ» È°¿ëÇÏ´Â ¹æ¹ý¿¡ ´ëÇؼ ¾Ë°í ½ÍÀº °³¹ßÀÚ
¼Ò½ºÄÚµå ´Ù¿î·Îµå
https://github.com/bjpublic/reactdd
ÃâÆÇ»ç ¼Æò
ÀÌ Ã¥Àº ¸®¾×Æ®¿Í ¸®¾×Æ®¿¡¼ Å×½ºÆ® Äڵ带 ÀÛ¼ºÇÏ´Â ¹æ¹ýÀ» Á» ´õ ½±°Ô ÀÌÇØÇÒ ¼ö ÀÖ°Ô ¾×Æ®ÀÇ ±âÃʺÎÅÍ ¸®¾×Æ®¿¡¼ Å×½ºÆ®¸¦ À§ÇØ »ç¿ëÇÏ´Â Jest¿Í react-testing-library¸¦ ´Ù·ç´Â ¹æ¹ý, ±×¸®°í ¿¹Á¦¸¦ ÅëÇØ ½ÇÁ¦ ÇÁ·ÎÁ§Æ®¿¡¼ ¸®¾×Æ®¿Í ¸®¾×Æ®ÀÇ Å×½ºÆ® Äڵ带 È°¿ëÇÏ´Â ¹æ¹ýÀ» ÀÚ¼¼È÷ ¼Ò°³ÇÏ°í ÀÖ´Ù.
ÀÌ Ã¥Àº ¸®¾×Æ®¿¡ °üÇÑ Ã¥À¸·Î ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ °üÇؼ´Â ´Ù·ç°í ÀÖÁö ¾Ê´Ù. ÇÏÁö¸¸ ¸®¾×Æ®¸¦ óÀ½ Á¢ÇÏ´Â »ç¶÷¿¡°Ô´Â ¸í·É¾î¸¦ º¸¿©ÁÖ¸é¼ ÇϳªÇϳª µû¶ó ÇÒ ¼ö ÀÖ°Ô ¸¸µé¾îÁø Ã¥ÀÌ´Ù.
¸®¾×Æ®¿¡ ´ëÇÑ ÀÌÇØ¿Í Å×½ºÆ® ÁÖµµ °³¹ß¿¡ ´ëÇÑ ÀÌÇظ¦ ÇÑ ¹ø¿¡ ³¡³»°í ½Í´Ù¸é ÀÌ Ã¥À¸·Î ½ÃÀÛÇØ º¸±æ ¹Ù¶õ´Ù.
¸ñÂ÷
1 ¸®¾×Æ®¶õ?
1.1 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¿ª»ç
1.2 ¸®¾×Æ®ÀÇ Æ¯Â¡
1) °¡»ó µ¼
2) ´Ü¹æÇâ µ¥ÀÌÅÍ ¹ÙÀεù
3) JSX
4) ¼±¾ðÇü ÇÁ·Î±×·¡¹Ö
1.3 ¿ä¾à
2 ¸®¾×Æ® °³¹ß ȯ°æ
2.1 ¸Æ °³¹ß ȯ°æ ¼³Á¤
1) Ȩºê·ç ¼³Ä¡
2) ³ëµå ¼³Ä¡
2.2 À©µµ¿ì °³¹ß ȯ°æ ¼³Á¤
1) ÃÊÄÚ·¿Æ¼ ¼³Ä¡
2) ³ëµå ¼³Ä¡
2.3 ¸®¾×Æ®¸¦ ½ÃÀÛÇÏ´Â ¹æ¹ý
2.4 create-react-app
2.5 ¿ä¾à
3 ¸®¾×Æ®ÀÇ Å×½ºÆ® - Jest
3.1 JestÀÇ ÀåÁ¢
1) Á¦·Î ¼³Á¤
2) ½º³À¼¦
3)¸ðÀÇ °´Ã¼
4) Å×½ºÆ® ÄÚµåÀÇ ºÐ¸®
5) °£´ÜÇÑ API
3.2 ÇÁ·ÎÁ§Æ® Áغñ
3.3 Jest ¼³Ä¡
3.4 »ç¿ë ¹æ¹ý
3.5 Matcher
1) toEqual
2) toBeTruthy, toBeFalsy
3) toContain
4) ±âŸ
3.6 ÄÚµå Ä¿¹ö¸®Áö
3.7 ¿ä¾à
4 ¸®¾×Æ® Å×½ºÆ® - react-testing-library
4.1 react-testing-library
4.2 react-testing-libraryÀÇ ÀåÁ¡
4.3 ÇÁ·ÎÁ§Æ® Áغñ
4.4 react-testing-library ¼³Ä¡
4.5 »ç¿ë ¹æ¹ý
4.6 ¿ä¾à
5 ³ªÀÇ Ã¹ ¸®¾×Æ® ÇÁ·ÎÁ§Æ®
5.1 ŸÀÔ½ºÅ©¸³Æ®
5.2 styled-components
5.3 Àý´ë °æ·Î·Î ÄÄÆ÷³ÍÆ® Ãß°¡
5.4 Prettier
5.5 ¿ä¾à
6 Props¿Í State
6.1 Props¿Í State¶õ
6.2 ÇÁ·ÎÁ§Æ® Áغñ
6.3 °³¹ß
1) App ÄÄÆ÷³ÍÆ®
2) Button ÄÄÆ÷³ÍÆ®
3) Input ÄÄÆ÷³ÍÆ®
4) ToDoItem ÄÄÆ÷³ÍÆ®
5) State
6.4 Å×½ºÆ®
1) Button ÄÄÆ÷³ÍÆ®
2) Input ÄÄÆ÷³ÍÆ®
3) ToDoItem ÄÄÆ÷³ÍÆ®
4) App ÄÄÆ÷³ÍÆ®
6.5 ¿ä¾à
7 Ŭ·¡½º ÄÄÆ÷³ÍÆ®
7.1 Ŭ·¡½º ÄÄÆ÷³ÍÆ®
7.2 ÇÁ·ÎÁ§Æ® Áغñ
7.3 °³¹ß
1) Button ÄÄÆ÷³ÍÆ®
2) Input ÄÄÆ÷³ÍÆ®
3) ToDoItem ÄÄÆ÷³ÍÆ®
4) App ÄÄÆ÷³ÍÆ®
7.4 ¶óÀÌÇÁ »çÀÌŬ ÇÔ¼ö
1) constructor ÇÔ¼ö
2) render ÇÔ¼ö
3) getDerivedStateFromProps ÇÔ¼ö
4) componentDidMount ÇÔ¼ö
5) shouldComponentUpdate ÇÔ¼ö
6) getSnapshotBeforeUpdate ÇÔ¼ö
7) componentDidUpdate ÇÔ¼ö
8) componentWillUnmount ÇÔ¼ö
9) componentDidCatch ÇÔ¼ö
10) È£Ãâ ¼ø¼
7.5 Å×½ºÆ®
7.6 ¿ä¾à
8 Context API¿Í localStorage
8.1 Context API
8.2 ÇÁ·ÎÁ§Æ® Áغñ
8.3 °³¹ß
1) InputContainer ÄÄÆ÷³ÍÆ®
2) ToDoList ÄÄÆ÷³ÍÆ®
3) ToDoList ÄÁÅؽºÆ®
4) App ÄÄÆ÷³ÍÆ®¿¡ ÇÁ·Î¹ÙÀÌ´õ Àû¿ë
5) InputContainer ÄÄÆ÷³ÍÆ®¿¡ ÄÁ½´¸Ó Àû¿ë
6) ToDoList ÄÄÆ÷³ÍÆ®¿¡ ÄÁ½´¸Ó Àû¿ë
8.4 localStorage
8.5 useEffect ÈÅ
8.6 Å×½ºÆ®
1) ToDoList ÄÁÅؽºÆ®
2) InputContainer ÄÄÆ÷³ÍÆ®
3) ToDoList ÄÄÆ÷³ÍÆ®
4) App ÄÄÆ÷³ÍÆ®
8.6 ¿ä¾à
9 react-router
9.1 react-router
9.2 ÇÁ·ÎÁ§Æ® Áغñ
9.3 °³¹ß
1) react-router
2) List ÆäÀÌÁö ÄÄÆ÷³ÍÆ®
3) Add ÆäÀÌÁö ÄÄÆ÷³ÍÆ®
4) InputContainer ÄÄÆ÷³ÍÆ®
5) ToDoItem ÄÄÆ÷³ÍÆ®
6) ToDoList ÄÄÆ÷³ÍÆ®
7) Detail ÆäÀÌÁö ÄÄÆ÷³ÍÆ®
8) PageHeader ÄÄÆ÷³ÍÆ®
9) NotFound ÆäÀÌÁö ÄÄÆ÷³ÍÆ®
9.4 Å×½ºÆ®
1) InputContainer ÄÄÆ÷³ÍÆ®
2) PageHeader ÄÄÆ÷³ÍÆ®
3) ToDoItem ÄÄÆ÷³ÍÆ®
4) ToDoList ÄÄÆ÷³ÍÆ®
5) Add ÆäÀÌÁö ÄÄÆ÷³ÍÆ®
6) Detail ÆäÀÌÁö ÄÄÆ÷³ÍÆ®
7) List ÆäÀÌÁö ÄÄÆ÷³ÍÆ®
8) NotFound ÆäÀÌÁö ÄÄÆ÷³ÍÆ®
9) App ÄÄÆ÷³ÍÆ®
9.5 ¿ä¾à
10 TDD ¸Àº¸±â
10.1 Å×½ºÆ® ÁÖµµ °³¹ßÀ̶õ
10.2 ÇÁ·ÎÁ§Æ® Áغñ
10.3 °³¹ß
1) PageHeader ÄÄÆ÷³ÍÆ®
2) Button ÄÄÆ÷³ÍÆ®
3) List ÆäÀÌÁö ÄÄÆ÷³ÍÆ®
4) Add ÆäÀÌÁö ÄÄÆ÷³ÍÆ®
5) Detail ÆäÀÌÁö ÄÄÆ÷³ÍÆ®
6) Not Found ÆäÀÌÁö ÄÄÆ÷³ÍÆ®
7) App ÄÄÆ÷³ÍÆ®
10.4 ¿ä¾à
ºÎ·Ï
¹èÆ÷
°ü·ÃÀ̹ÌÁö
ÀúÀÚ¼Ò°³
»ý³â¿ùÀÏ | - |
---|
Çѱ¹ÀÇ Áß¼Ò±â¾÷¿¡¼ MFC¸¦ »ç¿ëÇÑ À©µµ¿ì ÇÁ·Î±×·¥ °³¹ßÀ» ½ÃÀÛÀ¸·Î ¾Èµå·ÎÀ̵å, iOS, À¥ °³¹ßÀÚ·Î È°µ¿À» ÇÏ¿´´Ù. ±× ÈÄ, À¥ ÇÁ·Î±×·¡¸Ó·Î¼ È£ÁÖ¿¡¼ È°µ¿ÇÏ¿´À¸¸ç ÇöÀç´Â ÀϺ» ±â¾÷¿¡¼ Ç®½ºÅà ¿£Áö´Ï¾î·Î¼ ¸®¾×Æ®, ¸®¾×Æ® ³×ÀÌƼºê¸¦ »ç¿ëÇÑ ¼ºñ½º¸¦ °³¹ß ÁßÀÌ´Ù. ¾÷¹« ÀÌ¿Ü¿¡µµ ¸®¾×Æ®¿Í ¸®¾×Æ® ³×ÀÌƼºê¸¦ »ç¿ëÇÑ ¾ÛÀ» °³¹ß ÁßÀÌ¸ç ¾Û °³¹ß Áß¿¡ °Þ¾ú´ø ÀÏÀ» ºí·Î±×·Î °ÔÀçÇÏ°í ÀÖ´Ù. 2019³â¿¡´Â ¸¹Àº »ç¶÷ÀÌ ¸®¾×Æ® ³×ÀÌƼºê¸¦ »ç¿ëÇÏ¿© Á» ´õ ½±°Ô iOS¿Í ¾Èµå·ÎÀÌµå ¾ÛÀ» °³¹ßÇÒ ¼ö ÀÖµµ·Ï, ¡´½º¹«µð ÇÑ ÀÜ ¸¶½Ã¸ç ³¡³»´Â React Native¡µ¸¦ Ãâ°£ÇÏ¿´´Ù.
¤ý
ºí·Î±×
https://dev-yakuza.posstree.com/ko/
¤ý ÀúÀÚ ¾Û ¸®½ºÆ®
https://dev-yakuza.posstree.com/app/list/ko/
¤ý ½º¹«µð ÇÑ ÀÜ ¸¶½Ã¸ç ³¡³»´Â React Native
https://github.com/bjpublic/Reactnative
ÀúÀÚÀÇ ´Ù¸¥Ã¥
Àüüº¸±âÇöÀå¿¡¼ ¹Ù·Î ½á¸Ô´Â ¸®¾×Æ® with ŸÀÔ½º...
½º¹«µð ÇÑ ÀÜ ¸¶½Ã¸ç ³¡³»´Â React Native
»ý³â¿ùÀÏ | - |
---|
ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.
ÁÖ°£·©Å·
´õº¸±â»óÇ°Á¤º¸Á¦°ø°í½Ã
À̺¥Æ® ±âȹÀü
ÄÄÇ»ÅÍ/ÀÎÅÍ³Ý ºÐ¾ß¿¡¼ ¸¹Àº ȸ¿øÀÌ ±¸¸ÅÇÑ Ã¥
ÆǸÅÀÚÁ¤º¸
»óÈ£ |
(ÁÖ)±³º¸¹®°í |
---|---|
´ëÇ¥ÀÚ¸í |
¾Èº´Çö |
»ç¾÷ÀÚµî·Ï¹øÈ£ |
102-81-11670 |
¿¬¶ôó |
1544-1900 |
ÀüÀÚ¿ìÆíÁÖ¼Ò |
callcenter@kyobobook.co.kr |
Åë½ÅÆǸž÷½Å°í¹øÈ£ |
01-0653 |
¿µ¾÷¼ÒÀçÁö |
¼¿ïƯº°½Ã Á¾·Î±¸ Á¾·Î 1(Á¾·Î1°¡,±³º¸ºôµù) |
±³È¯/ȯºÒ
¹ÝÇ°/±³È¯ ¹æ¹ý |
¡®¸¶ÀÌÆäÀÌÁö > Ãë¼Ò/¹ÝÇ°/±³È¯/ȯºÒ¡¯ ¿¡¼ ½Åû ¶Ç´Â 1:1 ¹®ÀÇ °Ô½ÃÆÇ ¹× °í°´¼¾ÅÍ(1577-2555)¿¡¼ ½Åû °¡´É |
---|---|
¹ÝÇ°/±³È¯°¡´É ±â°£ |
º¯½É ¹ÝÇ°ÀÇ °æ¿ì Ãâ°í¿Ï·á ÈÄ 6ÀÏ(¿µ¾÷ÀÏ ±âÁØ) À̳»±îÁö¸¸ °¡´É |
¹ÝÇ°/±³È¯ ºñ¿ë |
º¯½É ȤÀº ±¸¸ÅÂø¿À·Î ÀÎÇÑ ¹ÝÇ°/±³È¯Àº ¹Ý¼Û·á °í°´ ºÎ´ã |
¹ÝÇ°/±³È¯ ºÒ°¡ »çÀ¯ |
·¼ÒºñÀÚÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¼Õ½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì ·¼ÒºñÀÚÀÇ »ç¿ë, Æ÷Àå °³ºÀ¿¡ ÀÇÇØ »óÇ° µîÀÇ °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì ·º¹Á¦°¡ °¡´ÉÇÑ »óÇ° µîÀÇ Æ÷ÀåÀ» ÈѼÕÇÑ °æ¿ì ·½Ã°£ÀÇ °æ°ú¿¡ ÀÇÇØ ÀçÆǸŰ¡ °ï¶õÇÑ Á¤µµ·Î °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì ·ÀüÀÚ»ó°Å·¡ µî¿¡¼ÀÇ ¼ÒºñÀÚº¸È£¿¡ °üÇÑ ¹ý·üÀÌ Á¤ÇÏ´Â ¼ÒºñÀÚ Ã»¾àöȸ Á¦ÇÑ ³»¿ë¿¡ ÇØ´çµÇ´Â °æ¿ì |
»óÇ° Ç°Àý |
°ø±Þ»ç(ÃâÆÇ»ç) Àç°í »çÁ¤¿¡ ÀÇÇØ Ç°Àý/Áö¿¬µÉ ¼ö ÀÖÀ½ |
¼ÒºñÀÚ ÇÇÇغ¸»ó |
·»óÇ°ÀÇ ºÒ·®¿¡ ÀÇÇÑ ±³È¯, A/S, ȯºÒ, Ç°Áúº¸Áõ ¹× ÇÇÇغ¸»ó µî¿¡ °üÇÑ »çÇ×Àº¼ÒºñÀÚºÐÀïÇØ°á ±âÁØ (°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ ÁØÇÏ¿© ó¸®µÊ ·´ë±Ý ȯºÒ ¹× ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó±Ý Áö±Þ Á¶°Ç, ÀýÂ÷ µîÀº ÀüÀÚ»ó°Å·¡ µî¿¡¼ÀǼҺñÀÚ º¸È£¿¡ °üÇÑ ¹ý·ü¿¡ µû¶ó ó¸®ÇÔ |
(ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º´Â ȸ¿ø´ÔµéÀÇ ¾ÈÀü°Å·¡¸¦ À§ÇØ ±¸¸Å±Ý¾×, °áÁ¦¼ö´Ü¿¡ »ó°ü¾øÀÌ (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º¸¦ ÅëÇÑ ¸ðµç °Å·¡¿¡ ´ëÇÏ¿©
(ÁÖ)KGÀ̴Ͻýº°¡ Á¦°øÇÏ´Â ±¸¸Å¾ÈÀü¼ºñ½º¸¦ Àû¿ëÇÏ°í ÀÖ½À´Ï´Ù.
¹è¼Û¾È³»
±³º¸¹®°í »óÇ°Àº Åùè·Î ¹è¼ÛµÇ¸ç, Ãâ°í¿Ï·á 1~2Àϳ» »óÇ°À» ¹Þ¾Æ º¸½Ç ¼ö ÀÖ½À´Ï´Ù.
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä »óÇ°À» ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
±ººÎ´ë, ±³µµ¼Ò µî ƯÁ¤±â°üÀº ¿ìü±¹ Åù踸 ¹è¼Û°¡´ÉÇÕ´Ï´Ù.
¹è¼Ûºñ´Â ¾÷ü ¹è¼Ûºñ Á¤Ã¥¿¡ µû¸¨´Ï´Ù.