λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
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둜 μ΄λ™ν•˜μ—¬ λͺ¨λ“  κΈ°λ³Έ λ°”λ‘œ κ°€κΈ°λ₯Ό νƒμƒ‰ν•˜κ³  μ„€μΉ˜ν•œ νŒ¨ν‚€μ§€μ— λŒ€ν•œ 지침을 읽고 μ‚¬μš©μž 지정 ν‚€ 바인딩에 λŒ€ν•΄ μ•Œμ•„λ³΄μ„Έμš”.