Javascript Ç®½ºÅÃ
JavascriptÀÇ ¿©·¯°¡Áö ¶óÀ̺귯¸®¿Í ÇÁ·¹ÀÓ¿öÅ©¸¦ Ȱ¿ëÇÑ Ç®½ºÅà °³¹ßÀÚ·Î °Åµì³ª±â
Javascript´Â °´Ã¼ ±â¹ÝÀÇ ½ºÅ©¸³Æ® ÇÁ·Î±×·¡¹Ö ¾ð¾îÀÔ´Ï´Ù. ¼ö¾÷ ³»¿¡¼ JavascriptÀÇ ±âÃÊ ¹®¹ý ¹× ¿ø¸® ±×¸®°í À¥Ç¥ÁØ¿¡¼ÀÇ ¿ªÇÒÀ» ¹è¿ì°Ô µÇ¸ç, ´õ ³ª¾Æ°¡ ¼¹ö¿Í Åë½ÅÀ» ÇÏ¿© ¿øÇÏ´Â µ¥ÀÌÅ͸¦ ¾Ë¸ÂÀº ȸ鿡 ³ªÅ¸³»´Â ¼öÁرîÁö ÁøÇàµË´Ï´Ù. ÇöÀç ´ëÇѹα¹ ÇÁ·ÐÆ®¿£µå °³¹ß¿¡ ¸¹ÀÌ »ç¿ëµÇ´Â ±â¼úÀÎ React.js ¶óÀ̺귯¸®, Next.js ÇÁ·¹ÀÓ¿öÅ©, ´õºÒ¾î Express.js, NoSQL±îÁö ÇнÀÇÏ°í º»Àθ¸ÀÇ Æ÷Æ®Æú¸®¿À¸¦ ¿Ï¼ºÇغ¸¼¼¿ä!
-
±³À°±â°£
6°³¿ù
-
±³À°³À̵µ
ÀÔ¹®~°í±Þ
-
Á¤¿ø
20¸í ³»¿Ü
-
ÀüÈ»ó´ã
042-369-5814
ÁÖ¸» ¡¤ °øÈÞÀÏ »ó´ã ¹× Á¢¼ö°¡´É
ÀÌ·±ºÐµé¿¡°Ô ÃßõÇÕ´Ï´Ù
ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÅëÇØ ±âÃÊ HTMLºÎÅÍ µ¿Àû ÆäÀÌÁöÁ¦ÀÛ, ¼¹ö´Ü ±¸ÃàÀ» ¿øÇϽô ºÐµéÀ̶ó¸é º» °úÁ¤À» ¼±ÅÃÇϽñ⠹ٶø´Ï´Ù.
ÀÚ¹Ù½ºÅ©¸³Æ®´Â À¥ÆäÀÌÁö¸¦ µðÀÚÀÎÇÏ´Â HTML, CSS ÆÛºí¸®½Ì°ú Á¢¸ñÇØ À¥ÆäÀÌÁö À̺¥Æ® 󸮸¦ À§ÇÑ ¾ð¾î·Î »ç¿ëµÇ¾î¿Ô½À´Ï´Ù. ¿À´Ã³¯ ÀÚ¹Ù½ºÅ©¸³Æ®´Â ´õ¿í °íµµÈµÈ ±â¹ýÀÎ react, vue µîÀÇ ¶óÀ̺귯¸®¸¦ Ȱ¿ëÇÏ°Ô µÇ¾úÀ¸¸ç, node, next µîÀÇ ¼¹ö-DB¿¬µ¿ ´Ü±îÁöµµ ±× ¿µ¿ªÀÌ È®´ëµÇ°í ÀÖ½À´Ï´Ù. À̸¥¹Ù ÀÚ¹Ù½ºÅ©¸³Æ®·Î ¹é¿£µå±îÁö Ç®½ºÅÃÀ» ±¸¼ºÇÒ ¼ö ÀÖ°Ô µÇ¾î, javascript ¸¦ ±â¹ÝÀ¸·Î ÇÑ À¥°³¹ßÀÚ Ãë¾÷À» ¿øÇϽô ºÐµéÀ̶ó¸é, º» °úÁ¤À» °·ÂÇÏ°Ô ÃßõÇÕ´Ï´Ù.
Ãë¾÷ºÐ¾ß
Ç®½ºÅÃÀº ÆäÀÌÁö¸¦ µðÀÚÀÎÇÏ´Â ÆÛºí¸®½Ì°ú ¼¹ö´Ü, DB¿¬µ¿±îÁö¸¦ ¾Æ¿ì¸£´Â ºÐ¾ß·Î¼, ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÅëÇØ ȨÆäÀÌÁö¸¦ ±¸ÃàÇÏ´Â Àü °úÁ¤À» ÇнÀÇÏ°Ô µË´Ï´Ù. ÃÖ±Ù À¥ ¼Ö·ç¼Ç ¾÷ü´Â ÀüÅëÀûÀÎ JSP-DB¿¬µ¿-Spring Ȱ¿ë¿¡¼ Á¡Â÷ JAVASCIRPT¸¦ ±â¹ÝÀ¸·Î ÇÑ Ç®½ºÅà °úÁ¤À» Àû¿ëÇϰí ÀÖÀ¸¸ç, ä¿ë ½ÃÀå¿¡¼µµ JSP °³¹ßÀÚº¸´Ù JAVASCRIPT °³¹ßÀÚ Ã¤¿ë ½ÃÀåÀÌ È®´ëµÇ°í ÀÖ½À´Ï´Ù.
Ä¿¸®Å§·³¾È³»
¸¹Àº ÇÁ·ÐÆ®¿£µå ÀÔ¹®ÀÚµéÀÇ Ä¿´Ù¶õ À庮ÀÇ ÇϳªÀÎ javascriptÀÇ Çٽɸ¸À» ¸ð¾Æ Ȱ¿ë ºóµµ°¡ ³ôÀº ±â¼úÀ» ÁßÁ¡À¸·Î ±³À° Çϰí ÀÖ½À´Ï´Ù.
-
-
HTML, CSS
-
°³¹ßȯ°æ ±¸Ãà
- VS Code ¼³Ä¡
HTML
- À¥ ȯ°æ ±¸Ãà
- ±âº» ±¸Á¶¿Í ¿©·¯°¡Áö ű×
- ºí·Ï / ÀζóÀÎ / ÀζóÀÎ ºí·Ï ¿ä¼Ò
- form ű×
- Ŭ·Ð ÄÚµùÀ» À§ÇÑ Áغñ (·¹À̾ƿô Àâ±â)
CSS
- Selector
- Cascading
- Display, Position
- overflow, z-index
- ¹Ìµð¾î Äõ¸®
- Ŭ·ÐÄÚµù ½ºÅ¸ÀÏ ÀÔÈ÷±â
-
-
Javascript
-
- JavascriptÀÇ ¿ªÇÒ
- Node.js ¼³Ä¡
- ½Äº°ÀÚ, ½ºÄÚÇÁ, ¿¬»êÀÚ
- Á¦¾î¹®
- ÇÔ¼ö(À͸í ÇÔ¼ö / È»ìÇ¥ ÇÔ¼ö / ÄݹéÇÔ¼ö)
- °´Ã¼¶õ?
- °´Ã¼(Array °´Ã¼)
- forEach(), map(), filter()
- °´Ã¼(Date / Math °´Ã¼)
- DOM
- HTML°ú CSS¸¦ Á¦¾îÇÏ´Â ¹æ¹ý
- À̺¥Æ® ÇÔ¼öÀÇ ¿ø¸®¿Í ½ÇÇà ¹æ¹ý
- ºñµ¿±â Åë½Å
- API Ȱ¿ë
-
-
React.js (±âÃÊ)
-
- ȯ°æ±¸Ãà
- ±âº» ±¸Á¶¿Í ¼º´É
- React.jsÀÇ ±âº» ¿ë¾î ÇнÀ
- JSX
- ÄÄÆ÷³ÍÆ® / º¯¼ö / ¿¬»êÀÚ
- ÄÄÆ÷³ÍÆ® °£ÀÇ µ¥ÀÌÅÍ Àü´Þ
- ÄÄÆ÷³ÍÆ®ÀÇ ¹Ýº¹
- map(), key
- À̺¥Æ® ÇÔ¼ö
- input ÅÂ±× ÀÔ·Â °ª ó¸®
- ºÒº¯¼º°úÀÇ °ü°è
- useState() Hook ÇÔ¼ö
- checkbox
- Spread ¹®¹ý
-
-
React.js (½ÉÈ)
-
- useRef()¸¦ ÅëÇØ °´Ã¼ °¡Á®¿À±â
- ÄÄÆ÷³ÍÆ®ÀÇ ¶óÀÌÇÁ »çÀÌŬ ¸Þ¼Òµå
- Hooks
- ¼ø¼ö ÇÔ¼ö
- useEffect / useMemo / useCallback
- Custom Hooks
- Context API
- Redux
- Action / Dispatch / Reducer / Store / Subscribe
- Router
- ´Ù¸¥ ÄÄÆ÷³ÍÆ®¸¦ ºÒ·¯¿À´Â SPA
- ÁßøµÈ Route
- useNavigate
- Redirect
- Ŭ·ÐÄÚµù °³ÀÎ ÇÁ·ÎÁ§Æ®
-
-
Node.js | Express.js | NoSQL
-
React.js
- React ¹Ìµé¿þ¾î
Node.js
- ¼¹ö »ý¼º
- Router ¸¸µé±â
- K6 ¼º´É Å×½ºÆ®
2ÁÖÂ÷ Express.js
- Express.js ÇÁ·¹ÀÓ¿öÅ©¶õ
- °Ô½ÃÆÇ CRUD Á¦ÀÛ
NoSQL
- mongoDB
- mongoose
React.js¿Í ¿¬µ¿ÇÏ¿© °Ô½ÃÆÇ Á¦ÀÛÇϱâ
- °Ô½Ã±Û ¸ñ·Ï º¸±â
- °Ô½Ã±Û ÀÛ¼º / ¼öÁ¤ / »èÁ¦ / Á¶È¸
- ´ñ±Û ¸ñ·Ï º¸±â
- ´ñ±Û ÀÛ¼º / ¼öÁ¤ / »èÁ¦
Pagination
- °Ô½ÃÆÇ ÆäÀÌ¡ ó¸®
- API Á¦ÀÛ
-
-
Next.js
-
Next.js
- ÇÁ·ÎÁ§Æ® ±âº» ±¸Á¶
- TypeScript
- SSR / CSR / SSG
- Routing System
- Á¤Àû ÀÚ¿ø ¹× ¸ÞŸµ¥ÀÌÅÍ
- µð·ºÅ͸® ±¸Á¶
- ÄÄÆ÷³ÍÆ® / À¯Æ¿¸®Æ¼ / ¶óÀ̺귯¸® / ½ºÅ¸ÀÏ / Á¤Àû ÀÚ¿ø
REST API
- JSON
- CRUD API¸¦ RESTful·Î °³¹ß
- µ¥ÀÌÅÍ ¿äû / ÀÀ´ä
- Áö¿ª / Àü¿ª »óÅ °ü¸®
Custom Server
- Express.js ¼¹ö ¿¬µ¿
´ÜÀ§ Å×½ºÆ®¿Í ÅëÇÕ Å×½ºÆ®
- Jest
- Cypress
¼º°øÀûÀÎ Ãë¾÷ Áغñ! ÄÚ¸®¾ÆIT¾ÆÄ«µ¥¹Ì¿¡¼ ½ÃÀÛÇϼ¼¿ä!
-
- Å©¸®½ºÇǵå(ÁÖ)
-
ÄÚ¸®¾ÆIT¾ÆÄ«µ¥¹Ì ´ëÀüÁöÁ¡¿¡¼ [°èÁÂÁ¦] ÀÚ¹Ù ±â¹Ý À¥°³¹ßÀÚ ¾ç¼º °úÁ¤À» ¼ö·áÇÏ°í ¹Ù·Î Ãë¾÷ÇØ Ãë¾÷ÇÑÁö ÀÌÁ¦ 2°³¿ù µÈ ³²»óÇõÀÔ´Ï´Ù.
-
- ¢ß¿¡Æ¼¹ö½º
-
Çпø¿¡¼´Â Ãë¾÷ÀÌ µÉ ¶§±îÁö µµ¿ÍÁÖ´Ï ¸ðµÎ Ãë¾÷Àº ÇÒ ¼ö ÀÖ½À´Ï´Ù.
-
- (ÁÖ)¸ùµ¹
-
¿ö³« Ä¿¸®Å§·³ÀÌ Àß µÇ¾î ÀÖ¾î¼ °Å±â¿¡ ¸ÂÃç¼ °°ÀÌ µû¶ó°¡±â¸¸ ÇÏ¸é µÆ´ø °Í °°½À´Ï´Ù.
-
- ¢ß À¥Á¨
-
6°³¿ù¸¸ ²Ú Âü°í °»ç´ÔÀÌ ÃßõÇϽô ´ë·Î ³²¾Æ¼ °øºÎÇÏ´Ù º¸¸é ±×°Ô ½À°üÀÌ µÇ°í ±× ÀÛÀº ½À°üÀÌ °á±¹¿£ Ãë¾÷ÇÏ´Â µ¥ Å« µµ¿òÀÌ µÇ´Â °Å °°½À´Ï´Ù.
-
- ¢ß½ÎÀ̹ö¿ø
-
¸ðÀǸéÁ¢À» ÅëÇØ ÀúÀÇ ºÎÁ·ÇÑ ºÎºÐÀ» ä¿ï ¼ö ÀÖ´Â °è±â°¡ µÇ¾ú½À´Ï´Ù. ÀÌ ¶§¹®¿¡ ³¡±îÁö Æ÷±âÇÏÁö ¾Ê°í ÀÔ»çÇÒ ¼ö ÀÖÁö ¾Ê¾Ò³ª »ý°¢ÇÕ´Ï´Ù.
-
- ¢ß½ÎÀ̹ö¿ø
-
ÇпøÀ» ´Ù´Ï¸é¼ °øºÎ ȯ°æÀÌ ³Ê¹« ÁÁ¾Ò°í Ãë¾÷ Áغñµµ µµ¿ÍÁֽŠ´öºÐ¿¡ ¼º°øÀûÀ¸·Î Ãë¾÷¿¡ ¼º°øÇÏ°Ô µÇ¾ú´ø °Í °°½À´Ï´Ù. °¨»çÇÕ´Ï´Ù.
-
- ¢ß¿¢½º¾ÆÀÌÄ¿¹Â´ÏÄÉÀ̼ÇÁî
-
ÇпøÀÇ ±³À° °úÁ¤À» °ÅÄ¡´Â °ÍÀÌ °øºÎÀÇ °¡ÀÌµå ¶óÀÎÀ̳ª ÇнÀÀÇ ±íÀ̰¡ ´Ù¸£´Ù°í »ý°¢ÇÏ¿´½À´Ï´Ù.
-
- ¢ß¾¾¿¥Æ¼Á¤º¸Åë½Å
-
¸ðÀÇ ¸éÁ¢°ú ¸éÁ¢ ÄÁ¼³ÆÃÀ» ÅëÇØ ½ÇÁ¦ ¸éÁ¢¿¡¼ÀÇ ±äÀå°¨À» ÁÙÀ̰í, ÀڽŠÀÖ°Ô ´äº¯ÇÒ ¼ö ÀÖ¾ú½À´Ï´Ù.
¼ÒÅëÇÏ°í °ø°¨ÇÏ´Â Ãë¾÷ Áö¿ø ÇÁ·Î±×·¥
- MOU Convention
-
- ±â¼ú ÀÚ¹® ¹× °úÁ¤¼³°è °³¹ß Âü¿©
- ¼ö°»ý ÀÎÅÏ Ã¼Çè ±âȸ
- ±â¾÷ °ßÇÐ
- ÇöÁ÷ ½Ç¹«Áø°úÀÇ ¸¸³² ÁÖ¼±
- Ãë¾÷ ¿¬°è
- Job - Matching Service
-
°æÀï·Â ÀÖ´Â IT¿ì¼ö ±â¾÷°ú ¼ö°»ý°úÀÇ ¿¬°á°í¸®
- ±¸ÀÎÀÇ·Ú ¼ö¸®
- ±â¾÷ ¹æ¹® ¹× Æò°¡
- ÀÎÀç¹ß±¼
- ±â¾÷°ú ¼ö°»ý°úÀÇ ¿¬°á
4 Step Counseling System
°³Àκ° ÃÖÀû ¾÷ü ¼±Á¤
-
À̷¼&ÀÚ±â¼Ò°³¼
¿ª·®±â¼ú¼
-
Á÷¹« ´É·Â°ú ¾÷ü°£ÀÇ
¿¬°ü¼º ÆÄ¾Ç
-
DB¸¦ Ȱ¿ëÇÑ
±â¾÷Á¤º¸ Á¦°ø
-
Àü·«ÀûÀÎ
Ãë¾÷ ÄÁ¼³ÆÃ Á¦°ø