ê°ë°ìë ì½ë ìëí°(code editor)ìì ê°ì¥ ë§ì ìê°ì ë³´ë ëë¤.
ì½ë ìëí°ë í¬ê² íµí© ê°ë° íê²½(IDE)ê³¼ ê²½ë ìëí°ë¡ ëëëë°, ë§ì ê°ë°ìê° ë ì¤ íë를 íí´ ìì í©ëë¤.
íµí© ê°ë° íê²½
íµí© ê°ë° íê²½ (Integrated Development Environment, IDE)ì ê°ë ¥í ìëí°ì ëë¤. ë³´íµ 'íë¡ì í¸ ì ì²´â를 ê´ì¥íë ë¤ìí 기ë¥ì ì ê³µí©ëë¤. ì´ë¦ìì ì ì ìë¯ì´ IDEë ë¨ìí ìëí°ê° ìëëë¤. 'ê°ë° íê²½âì ì¾ì íê² í´ì£¼ë íµí© íê²½ì ì ê³µí©ëë¤.
IDE를 ì´ì©íë©´ ìë§ì íì¼ë¡ 구ì±ë íë¡ì í¸ë¥¼ ë¶ë¬ì¤ê³ , íì¼ ê°ì íì ìì ì´ ììí´ì§ëë¤. ë¨ìí ì´ë ¤ìë íì¼ë¿ë§ ìëë¼ ì ì²´ íë¡ì í¸ì 기ë°í ìë ìì± ê¸°ë¥ë ì¬ì©í ì ììµëë¤. ì¬ê¸°ì ëíì¬ gitê³¼ ê°ì ë²ì ê´ë¦¬ ìì¤í , í ì¤í íê²½ ë±, 'íë¡ì í¸ ìì¤âì ìì ë IDEìì í ì ììµëë¤.
ìì§ ì´ë¤ IDE를 ì¬ì©í ì§ ê²°ì íì§ ëª»íë¤ë©´, ìë ë ìµì ì ê³ ë ¤í´ ë³´ì길 ë°ëëë¤.
- Visual Studio Code (í¬ë¡ì¤ íë«í¼, 무ë£)
- WebStorm (í¬ë¡ì¤ íë«í¼, ì ë£)
Windows ì¬ì©ìë¼ë©´ 'Visual Studioâë¼ë IDE를 ë¤ì´ë³´ì ¨ì ê²ëë¤. Visual Studioë 'Visual Studio Codeâìë ë¤ë¦ ëë¤. 'Visual Studioâë .NET íë«í¼ ê°ë°ì ì°ì´ë ì ë£ ìëí°ë¡, Windowsììë§ ì¬ì©í ì ììµëë¤. ìë°ì¤í¬ë¦½í¸ë ì§ìí©ëë¤. Visual Studioì ë¬´ë£ ë²ì ì¸ Visual Studio Communityë ìì¼ë ì°¸ê³ íì기 ë°ëëë¤.
ìë¹ìì IDEê° ì ë£ì´ê¸´ íì§ë§ ê°ë°ì ì°ë´ ëë¹ ë¬´ìí ë§í ìì¤ì ëë¤. ì²´í 기ê°ì ì´ì©í´ ìì ìê² ë§ë IDE를 ì°¾ì 구매íë ê²ì ê¶ì ë립ëë¤.
ê²½ë ìëí°
'ê²½ë ìëí°(lightweight editor)'ë IDEë§í¼ ë§ì 기ë¥ì ì ê³µíì§ ìì§ë§, ìëê° ë¹ ë¥´ê³ ë¨ìíë¤ë ì¥ì ì´ ììµëë¤.
ê²½ë ìëí°ë íì¼ì ì´ê³ ë°ë¡ ìì íê³ ì í ë ì£¼ë¡ ì¬ì©ë©ëë¤.
'ê²½ë ìëí°âì 'IDEâì ê°ì¥ í° ì°¨ì´ì ì IDEë íë¡ì í¸ ë 벨ìì ìëíë¤ë ì ì ëë¤. IDEë 구ë ì ë¶ë¬ìì¼ í ë°ì´í°ê° ë§ê³ , íìíë¤ë©´ 구ë ì íë¡ì í¸ êµ¬ì¡°ë¥¼ ë¶ìíë ì¼ ë±ë í©ëë¤. íì¼ íëë§ ìì íê³ ì¶ë¤ë©´ ê²½ë ìëí°ë¥¼ ì¬ì©íë ê² í¨ì¬ ë¹ ë¦ ëë¤.
ê²½ë ìëí°ë ë¤ìí íë¬ê·¸ì¸ì ì§ìí©ëë¤. ëë í°ë¦¬ ë 벨 ë¬¸ë² ë¶ì기ë ìëìì±ê¸°ë¥ ë±ì íë¬ê·¸ì¸ì ì¤ì¹í´ ì¬ì©í ì ììµëë¤. íë¬ê·¸ì¸ì ì¬ì©íë©´ ê²½ë ìëí°ììë IDE 못ì§ìê² ë¤ìí 기ë¥ì ì¬ì©í ì ìì£ . ìì¦ì ê²½ë ìëí°ì IDE ì¬ì´ì ì격í 구ë¶ì´ ì¬ë¼ì ¸ê°ë ì¶ì¸ì ëë¤.
ì¶ì²íë ìëí°ë ë¤ìê³¼ ê°ìµëë¤.
- Atom (í¬ë¡ì¤ íë«í¼, 무ë£)
- Visual Studio Code (í¬ë¡ì¤ íë«í¼, 무ë£)
- Sublime Text (í¬ë¡ì¤ íë«í¼, ì °ì´ì¨ì´)
- Notepad++ (Windows, 무ë£)
- Vimì´ë Emacsë ìëí°ë¡ ì¬ì©ë²ë§ ì ìì§íë©´ ì¶©ë¶í ìëí° ìí ì ìí©ëë¤.
ë ¼ìíì§ ë§ìë¤
ìì ëì´í ìëí°ë ì ë ì ê° íë¥íë¤ê³ ìê°íë ê°ë°ìë¤ì´ ì¤ë«ëì ë§ì¡±íë©° ì¬ì©íê³ ìë ê²ë¤ì ì¶ë¦° ê²ì ëë¤.
ì´ ì¸ìë ì ê° ëª¨ë¥´ë íë¥í ìëí°ê° ìì ì ìì¼ë ì¬ë¬ë¶ì´ ê°ì¥ ì¢ìíë ê² íë를 ííìë©´ ë©ëë¤.
ì¬í í´ê³¼ ë§ì°¬ê°ì§ë¡ ìëí°ë¥¼ ì ííë ê²ì íë¡ì í¸ì ì¢ ë¥, ê°ë° ìµê´, ê°ì¸ ì±í¥ì ë°ë¼ ë¤ë¥´ë¯ë¡ ì´ì ê´í ë ¼ìì ì§ìíëë¡ í©ìë¤.
ëê¸
<code>í그를, ì¬ë¬ ì¤ë¡ 구ì±ë ì½ë를 ì½ì íê³ ì¶ë¤ë©´<pre>í그를 ì´ì©íì¸ì. 10ì¤ ì´ìì ì½ëë plnkr, JSBin, codepen ë±ì ìëë°ì¤ë¥¼ ì¬ì©íì¸ì.