๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
HTML + CSS ์‹œ๋ฆฌ์ฆˆ๐Ÿ•ธ/HTML & CSS ์‹œ๋ฆฌ์ฆˆ(V 1.0)

ํ…์ŠคํŠธ ์—๋””ํ„ฐ: Sublime Text ์„ค์น˜/๋‹จ์ถ•์–ด | HTML&CSS ์‹œ๋ฆฌ์ฆˆ 001

by @ENFJ 2021. 7. 22.

https://www.sublimetext.com/

 

Sublime Text - the sophisticated text editor for code, markup and prose

Available on Mac, Windows and Linux

www.sublimetext.com

 

* ์œ„์— sublime text ์‚ฌ์ดํŠธ์— ๋“ค์–ด๊ฐ€์„œ download ๋ฒ„ํŠผ์„ ๋ˆŒ๋Ÿฌ์„œ ์‰ฝ๊ฒŒ ์„ค์น˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

 

๋‹ค๋“ค ์•„์‹œ๊ฒ ์ง€๋งŒ, as you know

์ปดํ“จํ„ฐ์— ์žˆ๋Š” ๋ฉ”๋ชจ์žฅ์œผ๋กœ๋„ ์•„์ฃผ ๊ฐ„๋‹จํ•˜๊ฒŒ ์ฝ”๋”ฉ์„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 

 

๊ทธ๋Ÿฌ๋‚˜ ํ•˜์ง€ ์•Š๋Š” ์ด์œ ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

1. ์–ด๋””์— ์˜คํƒ€๊ฐ€ ์žˆ๋Š”์ง€, ์–ด๋–ค ํƒœ๊ทธ๊ฐ€ ์žˆ๋Š”์ง€ ๋“ฑ๋“ฑ์„ ์•Œ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

2. ์ฝ”๋”ฉ์„ ํ•˜๊ณ  ์‹ถ์€ ๋งˆ์Œ์ด ์‚ฌ๋ผ์ง€๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค.ใ…‹

 

๊ทธ๋ž˜์„œ ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด? ์ฝ”๋”ฉ์— ํŠนํ™”๋œ ํ…์ŠคํŠธ ์—๋””ํ„ฐ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

 

๋Œ€ํ‘œ์ ์ธ ์˜ˆ๋กœ๋Š” ์œ„์— ์˜ฌ๋ ค๋‘”  Sublime Text ๊ฐ™์€ ํ”„๋กœ๊ทธ๋žจ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

 


 

sublime text ํ”„๋กœ๊ทธ๋žจ์˜ ๋‹จ์ถ•์–ด๋Š” ์–ด๋–ค๊ฒŒ ์žˆ๋‚˜??

 

 

์ผ๋ฐ˜์ ์ธ

๋‹จ์ถ•์–ด ์„ค๋ช…

Ctrl+ Shift+P ๋ช…๋ น ํ”„๋กฌํ”„ํŠธ
Ctrl+ Alt+P ํ”„๋กœ์ ํŠธ ์ „ํ™˜
Ctrl+P ํŒŒ์ผ๋กœ ์ด๋™
Ctrl+G ์ค„๋กœ ์ด๋™
Ctrl+R ๋ฐฉ๋ฒ•์œผ๋กœ ์ด๋™
Ctrl+ Shift+R ํ”„๋กœ์ ํŠธ์˜ ๋ฉ”์†Œ๋“œ๋กœ ์ด๋™
Ctrl+KB ์‚ฌ์ด๋“œ ๋ฐ” ํ† ๊ธ€
Ctrl+` ํ† ๊ธ€ ์ฝ˜์†”
Ctrl+ Shift+N ์ƒˆ์ฐฝ

ํŽธ์ง‘

๋‹จ์ถ•์–ด ์„ค๋ช…

Ctrl+L ์ค„ ์„ ํƒ(๋‹ค์Œ ์ค„ ์„ ํƒ ๋ฐ˜๋ณต)
Ctrl+D ๋‹จ์–ด ์„ ํƒ(์—ฌ๋Ÿฌ ํŽธ์ง‘์„ ์œ„ํ•ด ์ปจํ…์ŠคํŠธ์—์„œ ๋‹ค๋ฅธ ํ•ญ๋ชฉ ์„ ํƒ ๋ฐ˜๋ณต)
Ctrl+ Alt+ Up/ Ctrl+ Alt+Down ๋‹ค์ค‘ ํŽธ์ง‘์„ ์œ„ํ•ด ์—ด ์„ ํƒ
Ctrl+ Shift+M ๋Œ€๊ด„ํ˜ธ๋กœ ๋‚ด์šฉ ์„ ํƒ
Ctrl+ Shift+Enter ์•ž์— ์ค„ ์‚ฝ์ž…
Ctrl+Enter ์ธํ„ฐ ๋ผ์ธ ํ›„
Ctrl+ Shift+K ๋ผ์ธ ์‚ญ์ œ
Ctrl+KK ์ปค์„œ์—์„œ ์ค„ ๋๊นŒ์ง€ ์‚ญ์ œ
Ctrl+KBackspace ์ปค์„œ์—์„œ ์ค„์˜ ์‹œ์ž‘๊นŒ์ง€ ์‚ญ์ œ
Ctrl+ Shift+D ์ค‘๋ณต ๋ผ์ธ
Ctrl+J ์กฐ์ธ ๋ผ์ธ
Ctrl+KU ๋Œ€๋ฌธ์ž
Ctrl+KL ์†Œ๋ฌธ์ž
Ctrl+/ ์ฝ”๋ฉ˜ํŠธ ๋ผ์ธ
Ctrl+ Shift+/ ๋Œ“๊ธ€ ์ฐจ๋‹จ
Ctrl+Y ๋‹ค์‹œ ์‹คํ–‰ํ•˜๊ฑฐ๋‚˜ ๋ฐ˜๋ณต
Ctrl+C ๋ถ€
Ctrl+V ๋ฐ˜์ฃฝ
Ctrl+ Shift+V ๋ถ™์—ฌ๋„ฃ๊ธฐ ๋ฐ ์‹๋ณ„
Ctrl+Space ์ž๋™ ์™„์„ฑ(๋‹ค์Œ ์ œ์•ˆ์„ ์„ ํƒํ•˜๋ ค๋ฉด ๋ฐ˜๋ณต)
Ctrl+M ์ผ์น˜ํ•˜๋Š” ๋Œ€๊ด„ํ˜ธ๋กœ ์ด๋™
Ctrl+U ์†Œํ”„ํŠธ ์‹คํ–‰ ์ทจ์†Œ(์ด๋™ ์‹คํ–‰ ์ทจ์†Œ)
Ctrl+ Shift+U ์†Œํ”„ํŠธ ๋‹ค์‹œ ์‹คํ–‰(๋™์ž‘ ๋‹ค์‹œ ์‹คํ–‰)

์ฝ”๋“œ ํƒ์ƒ‰

๋‹จ์ถ•์–ด ์„ค๋ช…

F12 ์ •์˜๋กœ ์ด๋™
Alt+- ๋’ค๋กœ ์ ํ”„
Alt+ Shift+- ์•ž์œผ๋กœ ์ ํ”„

XML / HTML

๋‹จ์ถ•์–ด ์„ค๋ช…

Ctrl+ Shift+A ์ฝ˜ํ…์ธ ๋ฅผ ํƒœ๊ทธ๋กœ ์„ ํƒ
Alt+. ๋‹ซ๊ธฐ ํƒœ๊ทธ

์ฐพ๊ธฐ/๋ฐ”๊พธ๊ธฐ

๋‹จ์ถ•์–ด ์„ค๋ช…

Ctrl+F ์ฐพ๊ธฐ
Ctrl+I ์ฆ๋ถ„ ์ฐพ๊ธฐ
Ctrl+H ๋ฐ”๊พธ๋‹ค
F3 ๋‹ค์Œ ๊ฒ€์ƒ‰ ๋‹จ์–ด ์ฐพ๊ธฐ
Ctrl+F3 ํ˜„์žฌ ๋‹จ์–ด์˜ ๋‹ค์Œ ๋ฐœ์ƒ ์ฐพ๊ธฐ
Alt+F3 ๋‹ค์ค‘ ํŽธ์ง‘์„ ์œ„ํ•ด ํ˜„์žฌ ๋‹จ์–ด์˜ ๋ชจ๋“  ํ•ญ๋ชฉ ์„ ํƒ
Ctrl+ Shift+F ํŒŒ์ผ์—์„œ ์ฐพ๊ธฐ

ํ•ญํ•ด

๋‹จ์ถ•์–ด ์„ค๋ช…

Ctrl+0 ์‚ฌ์ด๋“œ๋ฐ”์— ์ง‘์ค‘
Esc ์‚ฌ์ด๋“œ๋ฐ”์— ์ดˆ์ ์„ ๋งž์ถœ ๋•Œ ํŽธ์ง‘ ์˜์—ญ์œผ๋กœ ๋‹ค์‹œ ์ดˆ์  ๋งž์ถ”๊ธฐ

๋ถ„ํ• /ํƒญ

๋‹จ์ถ•์–ด ์„ค๋ช…

Alt+ Shift+1 ๋‹จ์ผ ์—ด
Alt+ Shift+2 ๋‘ ๊ฐœ์˜ ์—ด
Alt+ Shift+5 ๊ทธ๋ฆฌ๋“œ(4๊ฐœ ๊ทธ๋ฃน)
Ctrl+[1,2,3...] ํฌ์ปค์Šค ๊ทธ๋ฃน
Ctrl+ Shift+[1,2,3...] ํŒŒ์ผ์„ ๊ทธ๋ฃน์œผ๋กœ ์ด๋™
Alt+[1,2,3...] ํƒญ ์„ ํƒ

์ฑ…๊ฐˆํ”ผ

๋‹จ์ถ•์–ด ์„ค๋ช…

Ctrl+F2 ํ† ๊ธ€ ๋ถ๋งˆํฌ
F2 ๋‹ค์Œ ์ฑ…๊ฐˆํ”ผ
Shift+F2 ์ด์ „ ์ฑ…๊ฐˆํ”ผ
Ctrl+ Shift+F2 ์ฑ…๊ฐˆํ”ผ ์ง€์šฐ๊ธฐ

์ ์ˆ˜

๋‹จ์ถ•์–ด ์„ค๋ช…

Ctrl+KSpace ์„ธํŠธ ๋งˆํฌ
Ctrl+KW ์ปค์„œ์—์„œ ๋งˆํฌ๋กœ ์‚ญ์ œ
Ctrl+KA ํ‘œ์‹œํ•  ์ปค์„œ์—์„œ ์„ ํƒ
Ctrl+KG ๋ช…ํ™•ํ•œ ํ‘œ์‹œ

๋”

Preferences→ Key Bindings - Default๋กœ ์ด๋™ํ•˜์—ฌ ๋ชจ๋“  ๊ธฐ๋ณธ ๋ฐ”๋กœ ๊ฐ€๊ธฐ๋ฅผ ํƒ์ƒ‰ํ•˜๊ณ  ์„ค์น˜ํ•œ ํŒจํ‚ค์ง€์— ๋Œ€ํ•œ ์ง€์นจ์„ ์ฝ๊ณ  ์‚ฌ์šฉ์ž ์ง€์ • ํ‚ค ๋ฐ”์ธ๋”ฉ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์„ธ์š”.