Dragon Code Editor

๊ด‘๊ณ  ํฌํ•จ
100+
๋‹ค์šด๋กœ๋“œ
์ฝ˜ํ…์ธ  ๋“ฑ๊ธ‰
์ „์ฒด์ด์šฉ๊ฐ€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€

์•ฑ ์ •๋ณด

**Dragon Code Editor**๋Š” ์ด๋™ โ€‹โ€‹์ค‘์—๋„ ์•ˆ์ •์ ์ธ ์ฝ”๋”ฉ ๋„๊ตฌ๊ฐ€ ํ•„์š”ํ•œ ๊ฐœ๋ฐœ์ž์™€ ์ฝ”๋”ฉ ๋งค๋‹ˆ์•„๋ฅผ ์œ„ํ•ด ์„ค๊ณ„๋œ ๋‹ค์šฉ๋„์˜ ๊ฒฝ๋Ÿ‰ ๋ชจ๋ฐ”์ผ ์ฝ”๋“œ ํŽธ์ง‘๊ธฐ์ž…๋‹ˆ๋‹ค. ์›น์‚ฌ์ดํŠธ๋ฅผ ๊ตฌ์ถ•ํ•˜๋“ , ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋””์ž์ธํ•˜๋“ , ์•„๋‹ˆ๋ฉด ๋‹จ์ˆœํžˆ ์ฝ”๋“œ๋ฅผ ์‹คํ—˜ํ•˜๋“  ์ด ์•ฑ์€ ๋ชจ๋ฐ”์ผ ์žฅ์น˜์—์„œ ์ง์ ‘ HTML, CSS ๋ฐ JavaScript๋ฅผ ์ƒ์„ฑ, ํŽธ์ง‘ ๋ฐ ํ…Œ์ŠคํŠธํ•˜๋Š” ๋ฐ ํ•„์š”ํ•œ ๋ชจ๋“  ๊ฒƒ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

### **์ฃผ์š” ๊ธฐ๋Šฅ:**

- **๋‹ค๊ตญ์–ด ์ง€์›:** Dragon Code Editor๋Š” ์›น ๊ฐœ๋ฐœ์˜ ํ•ต์‹ฌ ์–ธ์–ด์ธ HTML, CSS ๋ฐ JavaScript๋ฅผ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. ๋‹จ์ผ ํŽ˜์ด์ง€์—์„œ ์ž‘์—…ํ•˜๋“  ๋ณต์žกํ•œ ์›น ์•ฑ์—์„œ ์ž‘์—…ํ•˜๋“  ์ด ํŽธ์ง‘๊ธฐ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.

- **๊ตฌ๋ฌธ ๊ฐ•์กฐ:** HTML, CSS ๋ฐ JavaScript์— ๋Œ€ํ•œ ๊ณ ๊ธ‰ ๊ตฌ๋ฌธ ๊ฐ•์กฐ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ช…ํ™•ํ•˜๊ฒŒ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ธฐ๋Šฅ์€ ์ฝ”๋“œ ๊ฐ€๋…์„ฑ์„ ํ–ฅ์ƒ์‹œํ‚ค๊ณ  ์˜ค๋ฅ˜๋ฅผ ๋น ๋ฅด๊ฒŒ ์‹๋ณ„ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋˜๋ฉฐ ์ฝ”๋”ฉ ๊ฒฝํ—˜์„ ๋”์šฑ ์ฆ๊ฒ๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค.

- **์‹ค์‹œ๊ฐ„ ์ฝ”๋“œ ์ œ์•ˆ:** ์‹ค์‹œ๊ฐ„ ์ฝ”๋“œ ์ œ์•ˆ ๋ฐ ์ž๋™ ์™„์„ฑ์„ ํ†ตํ•ด ์ƒ์‚ฐ์„ฑ์„ ๋†’์ด์„ธ์š”. Dragon Code Editor๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ์ž…๋ ฅํ•˜๋Š” ๋‚ด์šฉ์„ ์˜ˆ์ธกํ•˜๊ณ  ์˜ค๋ฅ˜๋ฅผ ์ค„์ด๊ณ  ์ฝ”๋“œ๋ฅผ ๋” ๋น ๋ฅด๊ฒŒ ์ž‘์„ฑํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋˜๋Š” ์ œ์•ˆ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

- **ํšจ์œจ์ ์ธ ํŒŒ์ผ ๊ด€๋ฆฌ:** ์•ฑ ๋‚ด์—์„œ ํ”„๋กœ์ ํŠธ ํŒŒ์ผ์„ ์›ํ™œํ•˜๊ฒŒ ๊ด€๋ฆฌํ•ฉ๋‹ˆ๋‹ค. ํŒŒ์ผ์„ ์ƒ์„ฑ, ํŽธ์ง‘, ์ €์žฅํ•  ์ˆ˜ ์žˆ์„ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ํด๋”๋กœ ์ •๋ฆฌํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ํŒŒ์ผ ๊ด€๋ฆฌ๋Š” ์ง๊ด€์ ์œผ๋กœ ์„ค๊ณ„๋˜์–ด ํ”„๋กœ์ ํŠธ๋ฅผ ์ฒด๊ณ„์ ์œผ๋กœ ์ •๋ฆฌํ•˜๊ณ  ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ค๋‹ˆ๋‹ค.

- **๋ฐ˜์‘ํ˜• ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค:** ์Šค๋งˆํŠธํฐ์—์„œ ์ฝ”๋”ฉํ•˜๋“  ํƒœ๋ธ”๋ฆฟ์—์„œ ์ฝ”๋”ฉํ•˜๋“  ๊ด€๊ณ„์—†์ด ์žฅ์น˜์— ๋งž๊ฒŒ ์กฐ์ •๋˜๋Š” ๊น”๋”ํ•˜๊ณ  ์ง๊ด€์ ์ธ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์ฆ๊ฒจ๋ณด์„ธ์š”. ๋ฐ˜์‘ํ˜• ๋””์ž์ธ์€ ์ฝ”๋”ฉ ํ™˜๊ฒฝ์ด ๋ชจ๋“  ํ™”๋ฉด ํฌ๊ธฐ์— ์ตœ์ ํ™”๋˜๋„๋ก ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค.

- **์‚ฌ์šฉ์ž ์ •์˜ ๊ฐ€๋Šฅํ•œ ์„ค์ •:** ์‚ฌ์šฉ์ž ์ •์˜ ๊ฐ€๋Šฅํ•œ ํ…Œ๋งˆ, ๊ธ€๊ผด ํฌ๊ธฐ ๋ฐ ๊ธฐํƒ€ ์„ค์ •์œผ๋กœ ์ฝ”๋”ฉ ๊ฒฝํ—˜์„ ๊ฐœ์ธํ™”ํ•˜์„ธ์š”. ํŽธ์ง‘๊ธฐ์˜ ๋ชจ์–‘๊ณผ ๋™์ž‘์„ ์›ํ•˜๋Š” ๋Œ€๋กœ ์กฐ์ •ํ•˜์—ฌ ํŽธ์•ˆํ•˜๊ณ  ํšจ์œจ์ ์ธ ์ž‘์—… ๊ณต๊ฐ„์„ ๋งŒ๋“œ์„ธ์š”.

- **๊ฒฝ๋Ÿ‰ ๋ฐ ๋น ๋ฅธ ์†๋„:** Dragon Code Editor๋Š” ์„ฑ๋Šฅ์— ์ตœ์ ํ™”๋˜์–ด ๋ชจ๋ฐ”์ผ ์žฅ์น˜์—์„œ ์›ํ™œํ•˜๊ฒŒ ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค. ๋น ๋ฅด๊ฒŒ ๋กœ๋“œ๋˜๊ณ  ์ง€์—ฐ ์—†์ด ์ž‘๋™ํ•˜๋ฏ€๋กœ ๋น ๋ฅธ ํŽธ์ง‘๊ณผ ์ง„ํ–‰ ์ค‘์ธ ํ”„๋กœ์ ํŠธ์— ์ด์ƒ์ ์ž…๋‹ˆ๋‹ค.

- **๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•ด ์ œ์ž‘๋จ:** HTML ๋ฐ CSS๋ฅผ ์ฒ˜์Œ ์‹œ์ž‘ํ•˜๋Š” ์ดˆ๋ณด์ž์ด๋“  ๋ชจ๋ฐ”์ผ ์ฝ”๋”ฉ ์†”๋ฃจ์…˜์„ ์ฐพ๊ณ  ์žˆ๋Š” ์ˆ™๋ จ๋œ ๊ฐœ๋ฐœ์ž์ด๋“  ์ƒ๊ด€์—†์ด Dragon Code Editor๋Š” ๊ท€ํ•˜์˜ ์š”๊ตฌ ์‚ฌํ•ญ์„ ์ถฉ์กฑํ•˜๋„๋ก ์„ค๊ณ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋น ๋ฅธ ์ฝ”๋”ฉ ์„ธ์…˜, ํ”„๋กœํ† ํƒ€์ดํ•‘์€ ๋ฌผ๋ก  ์ด๋™ ์ค‘์—๋„ ๋ณธ๊ฒฉ์ ์ธ ๊ฐœ๋ฐœ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋Š” ๋ฐ ์ ํ•ฉํ•ฉ๋‹ˆ๋‹ค.

### **๋“œ๋ž˜๊ณค ์ฝ”๋“œ ์—๋””ํ„ฐ๋ฅผ ์„ ํƒํ•˜๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ธ๊ฐ€์š”?**

- **์ด๋™ ์ค‘ ์ฝ”๋”ฉ:** ์–ด๋””๋ฅผ ๊ฐ€๋“  ์ฝ”๋”ฉ ํ”„๋กœ์ ํŠธ๋ฅผ ๊ฐ€์ง€๊ณ  ๋‹ค๋‹ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Dragon Code Editor๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์–ธ์ œ ์–ด๋””์„œ๋‚˜ ์›น์‚ฌ์ดํŠธ์™€ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ์ž‘์—…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

- **์‚ฌ์šฉ์ž ์นœํ™”์ ์ธ ๋””์ž์ธ:** ์‚ฌ์šฉ ํŽธ์˜์„ฑ์— ์ค‘์ ์„ ๋‘” ์ด ํŽธ์ง‘๊ธฐ๋Š” ์ดˆ๋ณด์ž์™€ ์ˆ™๋ จ๋œ ๊ฐœ๋ฐœ์ž ๋ชจ๋‘์—๊ฒŒ ์ ํ•ฉํ•ฉ๋‹ˆ๋‹ค. ์ธํ„ฐํŽ˜์ด์Šค๋Š” ์ง๊ด€์ ์ด๊ณ  ๋ณต์žกํ•˜์ง€ ์•Š์•„ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๊ฒƒ, ์ฆ‰ ์ฝ”๋“œ์— ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

- **์ง€์†์ ์ธ ์—…๋ฐ์ดํŠธ:** ์šฐ๋ฆฌ๋Š” ๋ชจ๋ฐ”์ผ์—์„œ ์ตœ๊ณ ์˜ ์ฝ”๋”ฉ ๊ฒฝํ—˜์„ ์ œ๊ณตํ•˜๊ธฐ ์œ„ํ•ด ์ตœ์„ ์„ ๋‹คํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. Dragon Code Editor๋Š” ์‚ฌ์šฉ์ž ํ”ผ๋“œ๋ฐฑ์„ ๊ธฐ๋ฐ˜์œผ๋กœ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ, ๊ฐœ์„  ์‚ฌํ•ญ ๋ฐ ์ตœ์ ํ™”๊ฐ€ ํฌํ•จ๋œ ์ •๊ธฐ์ ์ธ ์—…๋ฐ์ดํŠธ๋ฅผ ๋ฐ›์Šต๋‹ˆ๋‹ค.

### **ํ‚ค์›Œ๋“œ:**
HTML ํŽธ์ง‘๊ธฐ
CSS ํŽธ์ง‘๊ธฐ
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŽธ์ง‘๊ธฐ
์›น ๊ฐœ๋ฐœ
ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ
๋ชจ๋ฐ”์ผ ์ฝ”๋“œ ํŽธ์ง‘๊ธฐ
HTML5 ์ฝ”๋”ฉ
CSS3 ์Šคํƒ€์ผ๋ง
JS ํ”„๋กœ๊ทธ๋ž˜๋ฐ
์›น ๋””์ž์ธ ๋„๊ตฌ
์›น์‚ฌ์ดํŠธ ๋นŒ๋”
์ฝ”๋“œ ๋†€์ดํ„ฐ
์‹ค์‹œ๊ฐ„ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ํŽธ์ง‘๊ธฐ
๊ตฌ๋ฌธ ๊ฐ•์กฐ
์›น ์ฝ”๋”ฉ ์•ฑ
๋ฐ˜์‘ํ˜• ๋””์ž์ธ
์˜จ๋ผ์ธ ์›น ํŽธ์ง‘๊ธฐ
HTML CSS JS IDE
๋ธŒ๋ผ์šฐ์ € ๊ธฐ๋ฐ˜ ์ฝ”๋”ฉ
์›น์‚ฌ์ดํŠธ ๊ฐœ๋ฐœ
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋†€์ดํ„ฐ
๋ชจ๋ฐ”์ผ ์›น IDE
๋น ๋ฅด๊ณ  ๊ฐ€๋ฒผ์›€
์›น ํ”„๋กœ์ ํŠธ ๊ด€๋ฆฌ์ž
๋“œ๋ž˜๊ณค ์ฝ”๋“œ ํŽธ์ง‘๊ธฐ

Dragon Code Editor๋Š” ๋‹จ์ˆœํ•œ ์ฝ”๋“œ ํŽธ์ง‘๊ธฐ ๊ทธ ์ด์ƒ์ž…๋‹ˆ๋‹ค. ๋ชจ๋ฐ”์ผ ์›น ๊ฐœ๋ฐœ์„ ์œ„ํ•œ ํ•„์ˆ˜ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ์ง€๊ธˆ ๋‹ค์šด๋กœ๋“œํ•˜์—ฌ ์–ด๋””์— ์žˆ๋“  ํšจ์œจ์ ์ด๊ณ  ์‰ฝ๊ฒŒ ์ฝ”๋”ฉ์„ ์‹œ์ž‘ํ•ด ๋ณด์„ธ์š”.
์—…๋ฐ์ดํŠธ ๋‚ ์งœ
2025. 9. 30.

๋ฐ์ดํ„ฐ ๋ณด์•ˆ

๋ณด์•ˆ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ฐ์ดํ„ฐ๋ฅผ ์ˆ˜์ง‘ ๋ฐ ๊ณต์œ ํ•˜๋Š” ๋ฐฉ์‹์„ ํŒŒ์•…ํ•˜๋Š” ๊ฒƒ์—์„œ ์‹œ์ž‘๋ฉ๋‹ˆ๋‹ค. ๋ฐ์ดํ„ฐ ๊ฐœ์ธ ์ •๋ณด ๋ณดํ˜ธ ๋ฐ ๋ณด์•ˆ ๊ด€ํ–‰์€ ์‚ฌ์šฉ์ž์˜ ์•ฑ ์‚ฌ์šฉ, ์ง€์—ญ, ์—ฐ๋ น์— ๋”ฐ๋ผ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ œ๊ณตํ•œ ์ •๋ณด์ด๋ฉฐ ์ถ”ํ›„ ์—…๋ฐ์ดํŠธ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์ œ3์ž์™€ ๊ณต์œ ๋˜๋Š” ๋ฐ์ดํ„ฐ ์—†์Œ
๊ฐœ๋ฐœ์ž๊ฐ€ ์–ด๋–ป๊ฒŒ ๊ณต์œ ๋ฅผ ์„ ์–ธํ•˜๋Š”์ง€ ์ž์„ธํžˆ ์•Œ์•„๋ณด์„ธ์š”.
์ˆ˜์ง‘๋œ ๋ฐ์ดํ„ฐ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.
๊ฐœ๋ฐœ์ž๊ฐ€ ์–ด๋–ป๊ฒŒ ์ˆ˜์ง‘์„ ์„ ์–ธํ•˜๋Š”์ง€ ์ž์„ธํžˆ ์•Œ์•„๋ณด์„ธ์š”.

์•ฑ ์ง€์›