0.HTML ์‹œ์ž‘ํ•˜๊ธฐ (Visual Studio code install)

์ƒ์„ธ ์ปจํ…์ธ 

๋ณธ๋ฌธ ์ œ๋ชฉ

0.HTML ์‹œ์ž‘ํ•˜๊ธฐ (Visual Studio code install)

HTML

by ๐– ‚๐–ข•๐Ÿœ‡๐ƒ„เผถเฎ‡เฏน๐’€ฑ๐ฆ„๐ฆ‰ 2022. 9. 10. 11:28

๋ณธ๋ฌธ

๋ฐ˜์‘ํ˜•

์šฐ์„  HTML์— ๋Œ€ํ•œ ์ •์˜๋Š” ์ด๋ ‡๊ฒŒ ์•Œ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ €๋„ ์ฑ…์œผ๋กœ ๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์„  ์›Œ๋“œ๋กœ ์ •๋ฆฌ๋ฅผ ํ•ด ๋†“์•˜์Šต๋‹ˆ๋‹ค. 

 

 

HyperText MarkUp Language =  HTML 

 

HyperText =  ์›น ์‚ฌ์ดํŠธ ๋งํฌ  ํด๋ฆญ์„ ํ†ตํ•ด ๋‹ค๋ฅธ ๋ฌธ์„œ๋‚˜ ์‚ฌ์ดํŠธ ๋“ฑ์œผ๋กœ ์ด๋™ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์„ ๋งํ•ฉ๋‹ˆ๋‹ค. 

MarkUp = ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•ด ๋ฌธ์„œ๊ฐ€  ๋ณธ๋ฌธ์ธ์ง€, ์‚ฌ์ด๋“œ๋ฐ”์ธ์ง€, ์ œ๋ชฉ ์ธ์ง€ ํ‘œ์‹œํ•˜๋Š” ๊ฒƒ. 

 

 

1. visual Studio code ์„ค์น˜ 

๋น„์ฅฌ์–ผ ์ŠคํŠœ๋””์˜ค ์ฝ”๋“œ ๋‹ค์šด๋กœ๋“œ

 

Download Visual Studio Code - Mac, Linux, Windows

Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.

code.visualstudio.com

 

2.์ž์‹ ์— ๋งž๋Š” os์— 32,64bit ํ™˜๊ฒฝ์— ๋งž๊ฒŒ ๋‹ค์šด๋กœ๋“œ ํ•ฉ๋‹ˆ๋‹ค.  

3. ์„ค์น˜ํ–ˆ๋‹ค๋ฉด ํ•ด๋‹น ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ์‹คํ–‰ํ•ด ์ฃผ์„ธ์š”. Ctrl + N ํ‚ค๋ฅผ ๋ˆŒ๋Ÿฌ์„œ ์ƒˆ๋กœ ํŒŒ์ผ์„ ๋งŒ๋“ค์–ด ์ฃผ์„ธ์š”. 

    Select a Language์—์„œ html์„ ์ž…๋ ฅํ•˜๋ฉด  ๋นˆ๊ณต๋ž€ ์ƒ๊ธฐ๊ณ  ์—ฌ๊ธฐ์„œ ! ๋ˆŒ๋Ÿฌ์ฃผ์‹œ๋ฉด ๊ธฐ๋ณธ ๊ตฌ์กฐ๋ฅผ ๋งŒ๋“ค์–ด ์ค๋‹ˆ๋‹ค. 

 

๋งˆ์šฐ์Šค ์ปค์„œ์— ํด๋ฆญํ•ด์„œ HTML์„ ์„ ํƒํ•˜๊ฑฐ๋‚˜ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.

 

enter ์ž…๋ ฅํ•ด ์คฌ๋Š”๋ฐ ์•ˆ์ƒ๊ธฐ๋ฉด 1๋ฒˆ ๋ผ์ธ๋งŒ ์ƒ๊ธฐ๋„๋ก ์œ ์ง€ํ•˜๊ณ  ๋‹ค์‹œ ! ์ž…๋ ฅํ•˜๊ณ  ์—”ํ„ฐ ์ž๋™์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค.

4. ์ž๋™์™„์„ฑ ๊ธฐ๋Šฅ์„ ํ†ตํ•ด HTML ๋ฌธ์„œ ๊ธฐ๋ณธ ๊ตฌ์กฐ๋ฅผ ๋งŒ๋“ค์–ด ์ฃผ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. 

5.  ๊ณต๋ถ€ ๋˜๋Š” ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜์‹ ๋‹ค๋ฉด  ์ž‘์—…ํ•˜์‹ค ํด๋”๋ฅผ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค. 

 

File  -- >  add folder to Workspace  ์„ ํƒํ•˜์‹  ํ›„  ์ž‘์—…๊ณต๊ฐ„ ํด๋”๋ฅผ ์ถ”๊ฐ€ํ•ด ์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค. 

์—ฌ๊ธฐ๊นŒ์ง€ ๋”ฐ๋ผ์˜ค์…จ๋‹ค๋ฉด  visual Studio code์—์„œ ์ œ๊ณตํ•˜๋Š”  ์–ธ์–ด๋“ค์„ ์‚ฌ์šฉํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 

 

 

๋น„์ฅฌ์–ผ ์ŠคํŠœ๋””์˜ค ์†Œ์Šค ํ•œ๊ตญ์–ด ๋ณ€๊ฒฝ ๋ฐ”๋กœ๊ฐ€๊ธฐ

LIST

๊ด€๋ จ๊ธ€ ๋”๋ณด๊ธฐ

๋Œ“๊ธ€ ์˜์—ญ