QUICK
MENU

Responsive Web Project

´Ù¾çÇÑ È­¸é¿¡ ÃÖÀûÈ­µÈ ¹ÝÀÀÇü À¥ÆäÀÌÁö ¿Ï¼º!
HTML, CSS, JavaScript ±â¹Ý ½Ç¹«Çü ÇÁ·ÎÁ§Æ®!

º» °úÁ¤Àº HTML5, CSS3, JavaScript ±âÃʺÎÅÍ ½ÃÀÛÇØ Flex/Grid, ¹Ìµð¾îÄõ¸®, ¹ÝÀÀÇü UI ¼³°è ¿øÄ¢À» ÀÍÈ÷°í, ½ÇÁ¦ ½Ç½À Áß½ÉÀÇ ÇÁ·ÎÁ§Æ®¸¦ ÅëÇØ ¿Ï¼ºµµ ³ôÀº ¹ÝÀÀÇü À¥ÆäÀÌÁö¸¦ ±âȹ¡¤µðÀÚÀΡ¤ÄÚµù¡¤¹èÆ÷±îÁö ¼öÇàÇÕ´Ï´Ù.

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

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

  • HTML/CSS/JS ±âÃʸ¦ ¹è¿ì°í ¹ÝÀÀÇü À¥À» Á÷Á¢ ¸¸µé°í ½ÍÀº ÀÔ¹®ÀÚ
  • ±â¾÷/°³Àοë À¥»çÀÌÆ®¸¦ ¸¸µé°í ½ÍÀº ÇÁ¸®·£¼­, ¿¹ºñ â¾÷ÀÚ
  • À¥µðÀÚÀÎ/ÆÛºí¸®½Ì¿¡¼­ °³¹ß±îÁö È®ÀåÇÏ°í ½ÍÀº µðÀÚÀ̳Ê
  • Æ÷Æ®Æú¸®¿À·Î Ȱ¿ë °¡´ÉÇÑ ¹ÝÀÀÇü À¥ÆäÀÌÁö¸¦ ¿Ï¼ºÇÏ°í ½ÍÀº Çлý/ÃëÁØ»ý

¹ÝÀÀÇü À¥ ÇÁ·ÎÁ§Æ®°úÁ¤ÀÇ ÇÙ½É Æ÷ÀÎÆ®

  • POINT.01

    À¥»çÀÌÆ® ±¸Á¶ ¼³°èºÎÅÍ ½Ã¸Çƽ ¸¶Å©¾÷, ½ºÅ¸ÀÏ Àû¿ë±îÁö ±âÃʸ¦ źźÇÏ°Ô ´ÙÁý´Ï´Ù.

  • POINT.02

    ¹Ìµð¾îÄõ¸®, ºäÆ÷Æ® ´ÜÀ§, ±×¸®µå ½Ã½ºÅÛ, ·¹À̾ƿô º¯°æ µîÀ» ´Ù¾çÇÑ µð¹ÙÀ̽º ±âÁØÀ¸·Î ½Ç½ÀÇÕ´Ï´Ù.

  • POINT.03

    ½ÇÀü Áß½ÉÀ¸·Î 1ÀΠȤÀº ÆÀ ÇÁ·ÎÁ§Æ®¸¦ ¼öÇàÇÏ¿© À¥»çÀÌÆ®¸¦ ¿Ï¼ºÇÏ°í Æ÷Æ®Æú¸®¿À·Î Ȱ¿ëÇÕ´Ï´Ù.

  • POINT.04

    Àå¾ÖÀΡ¤¸ð¹ÙÀÏ »ç¿ëÀÚµµ Á¢±Ù °¡´ÉÇÑ À¥»çÀÌÆ® ÄÚµù ½À°üÀ» Çü¼ºÇÕ´Ï´Ù.

¹ÝÀÀÇü À¥ ÇÁ·ÎÁ§Æ® Ä¿¸®Å§·³ ¾È³»

Spring°ú ÇÁ·ÐÆ® ¾Øµå¿¡¼­ »ç¿ëµÇ´Â ±â¼úµéÀ» Æ÷ÇÔÇØ ±âÁ¸¿¡ ¹è¿ü´ø ±âº»±â¸¦ ¹ÙÅÁÀ¸·Î ÇÁ·ÎÁ§Æ®¸¦ Á¦ÀÛÇÏ´Â ¹æ¹ý°ú ÀÌ¿ëÇÒ ¼ö ÀÖ´Â ¿ÀǼҽºµéÀ» ¾î¶»°Ô ÀÌ¿ëÇÒ ¼ö ÀÖ´ÂÁö¿¡ ´ëÇÑ ¹æ¹ýÀ» Á¦°øÇϰí ÀÖ½À´Ï´Ù.

  • Chapter.01

    À¥Ç¥ÁØ ±âÃÊ

    - HTML5 ±âº» ÅÂ±× ¼Ò°³
    - CSS3 ±âÃÊ
    - JavaScript ±âº» ¹®¹ý
    - JavaScript ±âº» ¹®¹ý
  • Chapter.02

    UI ÇÁ·ÎÁ§Æ®

    - BOM(Browser Object Model) / DOM(Document Object Model)
    - JQuery(Selector) / JQuery(Object Control)
    - JQuery(Event) / JQuery(Effect & Animation)
    - OOP Javascript / OOP Javascript
  • Chapter.03

    UI ±¸Çö ¹× DB ¿¬µ¿

    - Front-End FrameworkÀÇ ÀÌÇØ
    - ¾ÆÀÌÅÛ µµÃâ ¹× ¿ä±¸»çÇ× ºÐ¼®
    - DB ¸ðµ¨¸µ
    - UI ProtoType
  • Chapter.04

    Spring ¼­¹ö ±¸Ãà ¹× ÇÁ·ÎÁ§Æ®

    - Spring Ŭ·¡½º ¼³°è(Class Diagram)
    - ¹öÀü °ü¸® ÇÁ·Î±×·¥¿¡ ´ëÇÑ ¼Ò°³(SVN & GitHub)
    - ÇÁ·ÎÁ§Æ® °³¹ß(ÇÁ·ÎÁ§Æ® ¸¶ÀϽºÅæ °³¹ß) / ÇÁ·ÎÁ§Æ® °³¹ß(°³¹ß ¹æ¹ý·Ð)
    - ÇÁ·ÎÁ§Æ® °³¹ß(ÇÁ·ÎÁ§Æ® Áß°£ Á¡°Ë) / ÇÁ·ÎÁ§Æ® ½Ã¿¬/¹ßÇ¥

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

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

¼º°øÀûÀÎ Ãë¾÷ Áغñ!
ÄÚ¸®¾Æ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% ÀÌ»óÀÇ Ãë¾÷·üÀ» º¸À̰í ÀÖ½À´Ï´Ù.

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

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

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

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

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

    ¹ÝÀÀÇü À¥ ÇÁ·ÎÁ§Æ® ¹Ù·Î ¾Ë¾Æº¸½Ã°Ú¾î¿ä?

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

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

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

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

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