È¿°úÀûÀÎ UX, UI¸¦ À§ÇÑ ¾Ë±â ½¬¿î ½Ç¹« À¥Ç¥ÁØ ±âÃÊÄÚµù html&css

designnas web publishing

OPEN
:
¸ÅÁÖ ¹Ý
(¼ö - : ~ :)
¸ÅÁÖ ¹Ý
(Åä - : ~ :)
À¥ ÆÛºí¸®½Ì ½ÉÈ­¹Ý °úÁ¤Àº °­³²Á¡¿¡¼­ ÁøÇàµË´Ï´Ù.

µðÀÚÀ㪽ºÀÇ Áß±Þ ½Ç¹« À¥ ÆÛºí¸®½Ì Ä¿¸®Å§·³Àº
JavaScript(ÀÚ¹Ù½ºÅ©¸³Æ®)¿Í jQuery(Á¦ÀÌÄõ¸®)¸¦ ÀÌ¿ëÇÏ¿© µð¹ÙÀ̽º¿¡ ÃÖÀûÈ­µÈ µ¿Àû À¥»çÀÌÆ®¸¦ ±¸ÃàÇϰí
½Ç¹«¿¡ ÃÖÀûÈ­µÈ Áß±Þ HTML°ú CSS¸¦ ÇнÀÇÏ´Â µðÀÚÀ̳ʸ¦ À§ÇÑ Áß±Þ À¥ ÆÛºí¸®½Ì °­ÀÇ ÀÔ´Ï´Ù.

À¥ÆÛºí¸®½Ì Áß±Þ ´Ü°ú ¼ö¾÷Àº ¿ÀÇÁ¶óÀÎ(¹æ¹®) »ó´ã ¾øÀÌ ÀüÈ­·Î »ó´ã/¿¹¾à °¡´ÉÇÕ´Ï´Ù. ¿ÀÇÁ¶óÀÎ(¹æ¹®) »ó´ãÀ» ¿øÇϽô ºÐµéÀº ¾Æ·¡ »ó´ã½Åû¹æ¹ýÀ¸·Î ½Åû ºÎʵ右´Ï´Ù.

advanced summary

  • ½Ç¹« Ȱ¿ë Áß±Þ ¸¶Å©¾÷

    • HTML + CSS Äڵ带 ÇØ¼®ÇÏ°í ¸¶À½´ë·Î ¼öÁ¤ÇÒ ¼ö ÀÖ½À´Ï´Ù.
    • »ç¿ëÀÚ¿¡°Ô ÃÖ»óÀÇ À¥¼­ºñ½º¸¦ Á¦°øÇϱâ À§ÇÑ µ¿Àû ¿ä¼Ò¸¦ ÁغñÇÒ ¼ö ÀÖ½À´Ï´Ù.
    • Çù¾÷À» À§ÇÑ ¿ì¼öÇÑ °¡µ¶¼ºÀÇ Äڵ带 ÀÛ¼ºÇÒ ¼ö ÀÖ½À´Ï´Ù.
    • °¢ µð¹ÙÀ̽º¿¡ ¸Â´Â ¹ÝÀÀÇü À¥»çÀÌÆ® ¹× ¸ð¹ÙÀÏ ÆäÀÌÁö¸¦ Á¦ÀÛÇÒ ¼ö ÀÖ½À´Ï´Ù.
  • ½ÇÀü! µ¿Àû À¥»çÀÌÆ® °³¹ß

    • ÇÁ·ÐÆ®ÀÇ ´Ù¾çÇÑ À̺¥Æ®¿Í µ¿Àû¿ä¼Ò¸¦ Àû¿ëÇÏ¿© ´ÙÀ̳ª¹ÍÇÑ À¥»çÀÌÆ®¸¦ Á¦ÀÛÇÒ ¼ö ÀÖ½À´Ï´Ù.
    • ¿Ïº®ÇÑ Äڵ带 À§ÇØ µð¹ö±ëÇÏ°í ¼öÁ¤ÇÒ ¼ö ÀÖ½À´Ï´Ù.
    • °³¹ßÀûÀ¸·Î »ç°íÇϰí ÇнÀÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ¼­ ¹è¿ó´Ï´Ù.
  • object ¼ö¾÷´ë»ó

    • HTML + CSS ¸¦ È®½ÇÇÏ°Ô Á¤¸®ÇÏ°í ½ÍÀ¸½Å ºÐ
    • JavaScript & jQuery ¸¦ Ã¥/ÀÎÅͳÝ(µ¶ÇÐ)À¸·Î ¹è¿üÁö¸¸ ÀÌÇØ°¡ ¾î·Á¿ì½Å ºÐ
    • µðÀÚÀΰú ÆÛºí¸®½ÌÀ» ¸ðµÎ ¾Ë¾Æ¾ßÇÏ´Â ÇÁ¸®·£¼­
    • ¼îÇθô¿¡¼­ »çÀÌÆ®¸¦ °ü¸®ÇϽô ºÐ
    • °¢Á¾ ÅÛÇø´À» ¸¶À½´ë·Î ¼öÁ¤ÇÏ°í ½ÍÀ¸½Å ºÐ
    • À¥ °³¹ß ½Ç¹« ¿ª·®À» °­È­ÇÏ¿© Ãë¾÷À̳ª ÀÌÁ÷À» ÁغñÇϽô ºÐ
    • (º» °­ÀÇ´Â HTML + CSS ÃÊ±Þ ¼ö°­»ý¿¡°Ô´Â ÃßõÇÏÁö ¾Ê½À´Ï´Ù) Ãßõ! À¥Ç¥ÁØ ±âÃÊ ´Ü°ú
  • time ¼ö¾÷½Ã°£

    • Class1  :  ¸ÅÁÖ ¼ö/Åä ¹Ý
                     [ ÁÖ 2ȸ, 3½Ã°£ 30ºÐ(34½Ã°£), ÃÑ 8ȸ ¼ö¾÷ ]
    • ¼ö¾÷±â°£  :  ¿ù ÀÏ (Åä) ~ ¿ù ÀÏ (Åä) ¿¹Á¤
      ¼ö¾÷½Ã°£  :  ¼ö - ½Ã ~ ½Ã ºÐ / Åä - ½Ã ~ ½Ã ºÐ
    • - ÃÑ 480,000¿ø (8ȸ) ¼ö¾÷ ȯºÒ ±ÔÁ¤ ¾È³»
designnas °­³²Á¡ º¹µµ ·¹Å͸µ

basic curriculum

  • 01 step, theory
    ²À ¾Ë¾Æ¾ß ÇÒ À¥ ÆÛºí¸®½Ì °³¿ä
    HTML½ÉÈ­
    form
    input
    label
    01 step, theory
    flexboxÀÌ·Ð
    flex_layout¸¸µé±â
    grid
  • 03 step, exercise
    <svg>
    video // audio °´Ã¼
    Áöµµ api Àû¿ë
    image sprite
    04 step, exercise
    JavaScript Core l
    JavaScript ¹®¹ý
    JavaScript ÁÖ¼®
    JavaScript µ¥ÀÌÅÍ Å¸ÀÔ
    JavaScript Çüº¯È¯
    JavaScript ¿¬»êÀÚ
    JavaScript º¯¼ö
  • 05 step, exercise
    JavaScript Core ll
    Function(ÇÔ¼ö)
    Á¶°Ç¹®(if, switch)
    ¹Ýº¹¹®(for)
    JavaScript Core ÇÔ¼ö
    06 step, marking
    JavaScript Core lll
    Array(¹è¿­)
    Object(°´Ã¼)
    Scope(À¯È¿¹üÀ§)
    Callback(Äݹé)
  • 07 step, marking
    Event Handler
    Click-Event
    Scroll-Event
    Resize-Event
    Event-delegation
    08 step, marking
    ÀÎÅÍ·ºÆ¼ºê ·¹À̾ƿô
    Slide Ȱ¿ë
    Slide Callback
    FullPage Layout
    Flexible Layout
  • note of caution
    • À§ Ä¿¸®Å§·³°ú ¿¹Á¦ ÆäÀÌÁö´Â Áøµµ¿¡ µû¶ó º¯°æ µÉ ¼ö ÀÖ½À´Ï´Ù.
    • °á¼®À¸·Î ÀÎÇÑ º¸°­¼ö¾÷Àº µû·Î ÁøÇàµÇÁö ¾ÊÀ¸´Ï Âø¿À ¾øÀ¸½Ã±æ ¹Ù¶ø´Ï´Ù.

lesson request

À¥Ç¥Áشܰú ¼ö¾÷Àº ¿ÀÇÁ¶óÀÎ »ó´ã½Åû ¾øÀ̵µ ÀüÈ­ »ó´ã ¹× ÀüÈ­¿¹¾àÀÌ °¡´ÉÇÕ´Ï´Ù.
¿ÀÇÁ¶óÀÎ »ó´ãÀ» ¿øÇÏ´Â ºÐµéÀº ¾Æ·¡³»¿ë°ú °°ÀÌ »ó´ã½ÅÃ»ÇØÁÖ½Ã¸é µË´Ï´Ù. /

*¿ÀÇÁ¶óÀÎ »ó´ã½Åû ¹æ¹ý

  1. 01. °Ô½ÃÆÇ »ó´ã½Åû »ó´ã ½ÅûÇϱâ
  2. 02. »ó´ã½Ã°£ ÁöÁ¤
  3. 03. Çпø ¹æ¹® ¿ÀÇÁ¶óÀÎ »ó´ã
  4. 04. ¼ö¾÷½ÃÀÛ