QUICK
MENU

javascript

React, Node.js, Express, MongoDB ±â¹Ý
Ç®½ºÅà ½Ç¹« ÇÁ·ÎÁ§Æ® Á¤±Ô°úÁ¤!

º» °úÁ¤Àº React/Vue ±â¹Ý ÇÁ·ÐÆ®¿£µå¿Í Node.js ±â¹Ý ¹é¿£µå, Express ¼­¹ö, MongoDB ¿¬µ¿, REST API, JWT ÀÎÁõ, Ŭ¶ó¿ìµå ¹èÆ÷±îÁö Àü °úÁ¤À» ´ÜÀÏ ¾ð¾î(JavaScript)·Î ÇнÀÇÒ ¼ö ÀÖµµ·Ï ¼³°èµÇ¾ú½À´Ï´Ù.
À¥ °³¹ßÀÇ ÇÙ½É ±¸Á¶¸¦ óÀ½ºÎÅÍ ³¡±îÁö ½º½º·Î ±¸ÃàÇϸç, ½Ç¹«¿¡¼­ ¿ä±¸µÇ´Â Ç®½ºÅà °³¹ßÀÚ ¿ª·®À» ¿Ï¼ºÇÏ°í Æ÷Æ®Æú¸®¿À¸¦ Á÷Á¢ °³¹ß ¹× ¹èÆ÷ÇÕ´Ï´Ù.

  • ±³À°±â°£
    6°³¿ù
  • °­Àǽð£(ÁöÁ¡º° »óÀÌ)
    3½Ã°£
  • ³­À̵µ
    ÀÔ¹®~°í±Þ
  • Àοø
    20³»¿Ü
  • ÀüÈ­»ó´ã(ÁÖ¸» ¡¤ °øÈÞÀÏ »ó´ã ¹× Á¢¼ö°¡´É)
    042-369-5804

ÀÌ·± ºÐµé²² ÃßÃµÇØ¿ä!

  • ´ÜÀÏ ¾ð¾î(JavaScript)·Î ÇÁ·ÐÆ®/¹é¿£µå¸¦ µ¿½Ã¿¡ ¹è¿ì°í ½ÍÀº °³¹ß ÀÔ¹®ÀÚ
  • À¥ ¼­ºñ½º¸¦ óÀ½ºÎÅÍ Á÷Á¢ ¸¸µé°í ½ÍÀº ½ºÅ¸Æ®¾÷ â¾÷ ÁغñÀÚ
  • JavaScript Áß½ÉÀÇ ½Ç¹« ÇÁ·ÎÁ§Æ®¸¦ °æÇèÇÏ°í ½ÍÀº ÃëÁØ»ý
  • ÇÁ·ÐÆ®¿£µå¿¡¼­ ¹é¿£µå±îÁö Ä¿¸®¾î È®ÀåÀ» ¿øÇÏ´Â À¥ ÆÛºí¸®¼Å

ÀÚ¹Ù½ºÅ©¸³Æ® Ç®½ºÅðúÁ¤ÀÇ ÇÙ½É Æ÷ÀÎÆ®

  • POINT.01

    HTML/CSS/JS ¡æ React/Vue ¡æ Node.js/Express ¡æ MongoDB·Î À̾îÁö´Â ÀÚ¿¬½º·¯¿î È帧À¸·Î ÇнÀÇÕ´Ï´Ù.

  • POINT.02

    ·Î±×ÀÎ, ȸ¿ø°¡ÀÔ, °Ô½ÃÆÇ, ´ñ±Û ±â´É µî ½ÇÁ¦ ¼­ºñ½º¿¡ ÇÊ¿äÇÑ ±â´ÉÀ» Á÷Á¢ ±¸ÇöÇÕ´Ï´Ù.

  • POINT.03

    ±âȹ ¡æ µðÀÚÀÎ ¡æ °³¹ß ¡æ ¹èÆ÷±îÁö °æÇèÇÏ´Â Git ±â¹Ý Çù¾÷ ÇÁ·ÎÁ§Æ®¸¦ ÁøÇàÇÕ´Ï´Ù.

  • POINT.04

    React + Express + MongoDB ¶Ç´Â Vue + Express + MySQL µî »ê¾÷ ¼ö¿ä¿¡ ¸ÂÃá ½ºÅà ¼±ÅÃÀÌ °¡´ÉÇÕ´Ï´Ù.

ÀÚ¹Ù½ºÅ©¸³Æ® Ç®½ºÅà Ŀ¸®Å§·³ ¾È³»

¸¹Àº ÇÁ·ÐÆ®¿£µå ÀÔ¹®ÀÚµéÀÇ Ä¿´Ù¶õ À庮ÀÇ ÇϳªÀÎ javascriptÀÇ Çٽɸ¸À» ¸ð¾Æ Ȱ¿ë ºóµµ°¡ ³ôÀº ±â¼úÀ» ÁßÁ¡À¸·Î ±³À° Çϰí ÀÖ½À´Ï´Ù.

  • Chapter.01

    HTML, CSS

    °³¹ßȯ°æ ±¸Ãà
    - VS Code ¼³Ä¡

    HTML
    - À¥ ȯ°æ ±¸Ãà
    - ±âº» ±¸Á¶¿Í ¿©·¯°¡Áö ű×
    - ºí·Ï / ÀζóÀÎ / ÀζóÀÎ ºí·Ï ¿ä¼Ò
    - form ű×
    - Ŭ·Ð ÄÚµùÀ» À§ÇÑ Áغñ (·¹À̾ƿô Àâ±â)

    CSS
    - Selector
    - Cascading
    - Display, Position
    - overflow, z-index
    - ¹Ìµð¾î Äõ¸®
    - Ŭ·ÐÄÚµù ½ºÅ¸ÀÏ ÀÔÈ÷±â
  • Chapter.02

    Javascript

    - JavascriptÀÇ ¿ªÇÒ
    - Node.js ¼³Ä¡
    - ½Äº°ÀÚ, ½ºÄÚÇÁ, ¿¬»êÀÚ
    - Á¦¾î¹®
    - ÇÔ¼ö(À͸í ÇÔ¼ö / È­»ìÇ¥ ÇÔ¼ö / ÄݹéÇÔ¼ö)
    - °´Ã¼¶õ?
    - °´Ã¼(Array °´Ã¼)
    - forEach(), map(), filter()
    - °´Ã¼(Date / Math °´Ã¼)
    - DOM
    - HTML°ú CSS¸¦ Á¦¾îÇÏ´Â ¹æ¹ý
    - À̺¥Æ® ÇÔ¼öÀÇ ¿ø¸®¿Í ½ÇÇà ¹æ¹ý
    - ºñµ¿±â Åë½Å
    - API Ȱ¿ë
  • Chapter.03

    React.js (±âÃÊ)

    - ȯ°æ±¸Ãà
    - ±âº» ±¸Á¶¿Í ¼º´É
    - React.jsÀÇ ±âº» ¿ë¾î ÇнÀ
    - JSX
    - ÄÄÆ÷³ÍÆ® / º¯¼ö / ¿¬»êÀÚ
    - ÄÄÆ÷³ÍÆ® °£ÀÇ µ¥ÀÌÅÍ Àü´Þ
    - ÄÄÆ÷³ÍÆ®ÀÇ ¹Ýº¹
    - map(), key
    - À̺¥Æ® ÇÔ¼ö
    - input ÅÂ±× ÀÔ·Â °ª ó¸®
    - ºÒº¯¼º°úÀÇ °ü°è
    - useState() Hook ÇÔ¼ö
    - checkbox
    - Spread ¹®¹ý
  • Chapter.04

    React.js (½ÉÈ­)

    - useRef()¸¦ ÅëÇØ °´Ã¼ °¡Á®¿À±â
    - ÄÄÆ÷³ÍÆ®ÀÇ ¶óÀÌÇÁ »çÀÌŬ ¸Þ¼Òµå
    - Hooks
    - ¼ø¼ö ÇÔ¼ö
    - useEffect / useMemo / useCallback
    - Custom Hooks
    - Context API
    - Redux
    - Action / Dispatch / Reducer / Store / Subscribe
    - Router
    - ´Ù¸¥ ÄÄÆ÷³ÍÆ®¸¦ ºÒ·¯¿À´Â SPA
    - ÁßøµÈ Route
    - useNavigate
    - Redirect
    - Ŭ·ÐÄÚµù °³ÀÎ ÇÁ·ÎÁ§Æ®
  • Chapter.05

    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 Á¦ÀÛ
  • Chapter.06

    Next.js

    Next.js
    - ÇÁ·ÎÁ§Æ® ±âº» ±¸Á¶
    - TypeScript
    - SSR / CSR / SSG
    - Routing System
    - Á¤Àû ÀÚ¿ø ¹× ¸ÞŸµ¥ÀÌÅÍ
    - µð·ºÅ͸® ±¸Á¶
    - ÄÄÆ÷³ÍÆ® / À¯Æ¿¸®Æ¼ / ¶óÀ̺귯¸® / ½ºÅ¸ÀÏ / Á¤Àû ÀÚ¿ø

    REST API
    - JSON
    - CRUD API¸¦ RESTful·Î °³¹ß
    - µ¥ÀÌÅÍ ¿äû / ÀÀ´ä
    - Áö¿ª / Àü¿ª »óÅ °ü¸®

    Custom Server
    - Express.js ¼­¹ö ¿¬µ¿

    ´ÜÀ§ Å×½ºÆ®¿Í ÅëÇÕ Å×½ºÆ®
    - Jest
    - Cypress

Ãë¾÷ÀÇ ÇÙ½É
½Ç¹« ±â¹Ý ÇÁ·ÎÁ§Æ®·Î ¿Ï¼ºÇÏ´Â Æ÷Æ®Æú¸®¿À

½ÇÁ¦ ¼ö·á»ýµéÀÇ ÇÁ·ÎÁ§Æ® °á°ú¹°À» º¸°í, ±â¾÷ÀÌ ¿øÇÏ´Â Æ÷Æ®Æú¸®¿À ±âÁØÀ» È®ÀÎÇØ º¸¼¼¿ä

¼º°øÀûÀÎ Ãë¾÷ Áغñ!
ÄÚ¸®¾ÆIT¾ÆÄ«µ¥¹Ì¿¡¼­ ½ÃÀÛÇϼ¼¿ä!

IT±³À°ÀÇ ¿Ï¼ºÀº Ãë¾÷ÀÔ´Ï´Ù!

ÄÚ¸®¾ÆIT¾ÆÄ«µ¥¹Ì´Â ÇöÀå Áß½É Ä¿¸®Å§·³°ú Ãë¾÷ ¹ÐÂø ÇÁ·Î±×·¥À¸·Î ¼ö°­»ýÀÇ ¼ºÀåÀ» ³¡±îÁö Áö¿øÇÕ´Ï´Ù.

step.01
Áø·Î¼³°è
¼ö°­»ý ¸ÂÃãÇü Á÷¹« ¸ÅĪ & Ä¿¸®¾î »ó´ã

-ÇнÀ°úÁ¤ ±â¹Ý ÁøÃâ ºÐ¾ß ¾È³»

-¸ñÇ¥ Á÷¹«¿¡ ¸ÂÃá Áø·Î ·Îµå¸Ê Á¦½Ã

step.02
Ãë¾÷¿ª·® °­È­
¼­·ù¡¤Æ÷Æ®Æú¸®¿ÀºÎÅÍ ½Ç¹« ¿ª·®±îÁö ¿Ï¼º

-À̷¼­/ÀÚ±â¼Ò°³¼­ 1:1 Çǵå¹é

-GitHub¡¤Notion Æ÷Æ®Æú¸®¿À Á¦ÀÛ Áö¿ø

-IT±â¾÷ ½Ç¹«ÀÚ Æ¯°­ & ½ÇÀü ÄÚµù Ŭ¸®´Ð

step.03
±â¾÷ ¿¬°è
ITÀü¹® Çù¾à±â¾÷°úÀÇ Á÷Á¢ ¿¬°á

-Çö¾÷ÀÚ ÃÊû ±â¾÷¼³¸íȸ

-Ãë¾÷ ¿¬°è ¹Ì´Ï ä¿ë¹Ú¶÷ȸ

-±¸Àαâ¾÷ ´ë»ó ÀÎÀç Ãßõ ¿î¿µ

step.04
¸ðÀǸéÁ¢ & ±â¼ú¸éÁ¢ ÈÆ·Ã
½ÇÀü ¸éÁ¢ ½Ã¹Ä·¹À̼ÇÀ¸·Î ÇÕ°Ý·ü »ó½Â

-Àμº¡¤±â¼ú ¸éÁ¢ ½Ç½À

-Á÷¹«º° ¿¹»óÁú¹® Á¦°ø

-Çǵå¹é ±â¹Ý ¸éÁ¢ Àü·« ¼ö¸³

step.05
¼ö·á ÈÄ Áö¼Ó°ü¸®
Á¹¾÷ ÈÄ¿¡µµ À̾îÁö´Â Ãë¾÷ Áö¿ø

-¼ö·á»ý Àü¿ë ä¿ëÁ¤º¸ ä³Î ¿î¿µ

-ÀÌÁ÷ ÄÁ¼³ÆÃ ¹× °í±Þ°úÁ¤ ¾È³»

-ä¿ë ±â¾÷ÀÇ Çǵå¹é ¹Ý¿µÇÑ Ãë¾÷ ¸ÅĪ

ÄÚ¸®¾ÆIT¾ÆÄ«µ¥¹Ì Ãë¾÷Áö¿ø, À̰ÍÀÌ ±Ã±ÝÇÏ´Ù!

À̷¼­ ÷»èºÎÅÍ Æ÷Æ®Æú¸®¿À, ¸ðÀǸéÁ¢, ±â¾÷¿¬°è±îÁö Ãë¾÷ °ÆÁ¤À» ´ú¾îÁÖ´Â ½ÇÀüÇü Q&A Á¤¸®!

  • Q.¼ö·áÇÏ¸é ¹Ù·Î Ãë¾÷ÀÌ µÇ³ª¿ä?
    A.ÄÚ¸®¾ÆIT¾ÆÄ«µ¥¹Ì´Â ¼ö·á¿Í µ¿½Ã¿¡ Ãë¾÷ÀÌ º¸ÀåµÇÁö´Â ¾ÊÁö¸¸ À̷¼­ ÷»è, Æ÷Æ®Æú¸®¿À Á¦ÀÛ, ¸ðÀǸéÁ¢, ±â¾÷¸ÅαîÁö Àü °úÁ¤ÀÇ Ãë¾÷Áö¿ø ¼­ºñ½º¸¦ Á¦°øÇϰí ÀÖ¾î ³ôÀº Ãë¾÷ ¼º°ú¸¦ º¸À̰í ÀÖ½À´Ï´Ù.
  • Q.¾î¶² ±â¾÷µé°ú ¿¬°èµÇ¾î ÀÖ³ª¿ä?
    A.À¥°³¹ß, ¹é¿£µå, º¸¾È, µ¥ÀÌÅÍ ºÐ¼®, Ŭ¶ó¿ìµå µî ´Ù¾çÇÑ ºÐ¾ßÀÇ ITÀü¹® Áß¼Ò±â¾÷, ½ºÅ¸Æ®¾÷, Çù¾à ±â¾÷ 100¿© °÷ ÀÌ»ó°ú ¿¬°èµÇ¾î ÀÖ½À´Ï´Ù.
    ½ÇÁ¦ ä¿ë ÀÇ·Ú°¡ µé¾î¿Â ±â¾÷°úÀÇ ¸éÁ¢µµ ¼ö·á ÈÄ ¹Ù·Î ¿¬°áµË´Ï´Ù.
  • Q.Æ÷Æ®Æú¸®¿À´Â ²À ¸¸µé¾î¾ß Çϳª¿ä?
    A.ÃÖ±Ù °³¹ßÀÚ Ã¤¿ë¿¡¼­ À̷¼­º¸´Ù Æ÷Æ®Æú¸®¿À°¡ ´õ Áß¿äÇÏ°Ô Æò°¡µÇ´Â °æ¿ì°¡ ¸¹½À´Ï´Ù.
    GitHub, Notion, ÇÁ·ÎÁ§Æ® °á°ú¹° ±â¹ÝÀÇ Æ÷Æ®Æú¸®¿À¸¦ ½Ç½À °úÁ¤ Áß Á÷Á¢ Á¦ÀÛÇϰí Çǵå¹éÀ» ¹Þ°Ô µË´Ï´Ù.
  • Q.ºñÀü°øÀÚµµ Ãë¾÷ÀÌ °¡´ÉÇѰ¡¿ä?
    A.³×, °¡´ÉÇÕ´Ï´Ù.
    ÄÚ¸®¾ÆIT¾ÆÄ«µ¥¹ÌÀÇ °úÁ¤Àº ºñÀü°øÀÚµµ ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï ±âÃʺÎÅÍ ½Ç½À À§ÁÖ·Î ±¸¼ºµÇ¾î ÀÖÀ¸¸ç, ÇÁ·ÎÁ§Æ® Á᫐ ÇнÀ°ú Ãë¾÷ÄÁ¼³ÆÃÀ¸·Î ½Ç¹« ÀûÀÀ·ÂÀ» Ű¿ö Ãë¾÷±îÁö ¿¬°áÇÕ´Ï´Ù.
  • Q.¸ðÀǸéÁ¢Àº ½ÇÁ¦ ¸éÁ¢Ã³·³ ÁøÇàµÇ³ª¿ä?
    A.½ÇÁ¦ ±â¾÷ ¸éÁ¢°ú À¯»çÇÏ°Ô ±â¼ú¸éÁ¢ + Àμº¸éÁ¢ Çü½ÄÀ¸·Î ±¸¼ºµÇ¸ç, ¸éÁ¢°ü Çǵå¹é±îÁö Á¦°øµË´Ï´Ù.
    ¸éÁ¢ ºÒ¾È ÇØ¼Ò¿Í Ä¿¹Â´ÏÄÉÀÌ¼Ç ´É·Â Çâ»ó¿¡ ¸Å¿ì È¿°úÀûÀÔ´Ï´Ù.
  • Q.¼ö·á ÈÄ¿¡µµ Ãë¾÷Áö¿øÀ» ¹ÞÀ» ¼ö ÀÖ³ª¿ä?
    A.³×. ¼ö·á ÈÄ¿¡µµ **Àü¿ë ä¿ë Ä¿¹Â´ÏƼ(īī¿Àä³Î/½½·¢ µî)**¸¦ ÅëÇØ ä¿ë Á¤º¸¸¦ Áö¼ÓÀûÀ¸·Î Á¦°øÇϸç, ÀÌÁ÷ ¹× Àç±³À°À» À§ÇÑ °í±Þ°úÁ¤ Ãßõ, Ãë¾÷ ÄÁ¼³ÆÃµµ ¿î¿µÇϰí ÀÖ½À´Ï´Ù.
  • Q.Ãë¾÷·üÀº ¾î´À Á¤µµÀΰ¡¿ä?
    A.°úÁ¤ ¹× ½Ã±â¿¡ µû¶ó ´Ù¸£Áö¸¸, ½Ç¹« ÇÁ·ÎÁ§Æ®¿Í Æ÷Æ®Æú¸®¿À¸¦ Ãæ½ÇÈ÷ À̼öÇÑ ¼ö°­»ýÀÇ °æ¿ì Æò±Õ 85% ÀÌ»óÀÇ Ãë¾÷·üÀ» º¸À̰í ÀÖ½À´Ï´Ù.
banner banner banner banner

°£ÆíÇÏ°Ô °ü½ÉÀÖ´Â
ÀϹÝ/±¹ºñÁö¿ø °úÁ¤ ¼ö°­·á ¾Ë¾Æº¸¼¼¿ä!

Step2. ¼¼ºÎ ±³À°°úÁ¤À» ¼±ÅÃÇØ ÁÖ¼¼¿ä.(Áߺ¹ ¼±Åà °¡´É)

Step3. °¡±î¿î ÁöÁ¡À» ¼±ÅÃÇØ ÁÖ¼¼¿ä.

    ½ÅûÇϽô ºÐÀÇ À̸§°ú ¿¬¶ôó¸¦ ÀÔ·ÂÇØ ÁÖ¼¼¿ä.

    - -
    ÀÚ¼¼È÷ º¸±â
    ¼öÁý Ç׸ñ: À̸§, ¿¬¶ôó, ¼ö°­¾È³» °ü·Ã ÀÌ·Â
    ÀÌ¿ë ¸ñÀû: ¼ö°­¾È³» Á¦°ø, °ü·Ã ÀÌ·Â °ü¸® ¹× ¸ÂÃãÇü Àç¾È³»¸¦ ÅëÇÑ ¼­ºñ½º ǰÁú °³¼±
    º¸À¯ ±â°£: ¼öÁýÀϷκÎÅÍ ÃÖ´ë 3³â°£ º¸°ü ÈÄ ÆÄ±â

    ÀÚ¹Ù½ºÅ©¸³Æ® Ç®½ºÅà ¹Ù·Î ¾Ë¾Æº¸½Ã°Ú¾î¿ä?

    ´Ý±â
    • ±³À°Èñ¸ÁÁöÁ¡À» ¼±ÅÃÇØÁÖ¼¼¿ä
      • ½ÅûÇϽôºÐÀÇ À̸§°ú ¿¬¶ôó¸¦ ÀÔ·ÂÇØ ÁÖ¼¼¿ä.
        - -
      ÀÚ¼¼È÷ º¸±â
      ¼öÁý Ç׸ñ: À̸§, ¿¬¶ôó, ¼ö°­¾È³» °ü·Ã ÀÌ·Â
      ÀÌ¿ë ¸ñÀû: ¼ö°­¾È³» Á¦°ø, °ü·Ã ÀÌ·Â °ü¸® ¹× ¸ÂÃãÇü Àç¾È³»¸¦ ÅëÇÑ ¼­ºñ½º ǰÁú °³¼±
      º¸À¯ ±â°£: ¼öÁýÀϷκÎÅÍ ÃÖ´ë 3³â°£ º¸°ü ÈÄ ÆÄ±â
      Àüü¸Þ´º ¿­±â

      ¼Õ½±°í °£ÆíÇϰÔ
      Àü¹®°¡¿Í ÀüÈ­»ó´ã!

      ¾È³»¹Þ°í ½ÍÀº ÁöÁ¡À» ¼±ÅÃÇØ ÁÖ¼¼¿ä.

      ¾ß°£ ¹× ÁÖ¸» »ó´ã ÀüÈ­ ¾È³»

      ºü¸¥ ¾È³»¸¦ À§ÇØ
      ÆòÀÏ ¾ß°£(¿ÀÈÄ 6½Ã ~ ¿ÀÈÄ 10½Ã)
      ÁÖ¸»(¿ÀÀü 9½Ã ~ ¿ÀÈÄ 6½Ã)¿¡µµ ¾È³»ÇØ µå¸®°í ÀÖ½À´Ï´Ù.