1. Fuzzy Search
Fuzzy: ambiguous, blurred... ํ๋ฆฐ์ด๋ผ๋ ์๋ฏธ์ด๋ค. ํ๋ฆฌ๊ฒ, ๋๋ต๋ง ์ ๋ ฅํด๋ ์ํ๋ ๋ช ๋ น์ด๋ฅผ ๊ฒ์ํด์ค๋ค๋ ์๋ฏธ!
ex) ์๋ ์์์ ๊ฐ์ด, html ํ์ผ์ ๊ฒ์ํ๊ธฐ ์ํด์ ์ ์ผ ์ ๊ธ์์ธ h์ ์ ์ผ ๋ท ๊ธ์์ธ l๋ง ์ ๋ ฅํด๋ html ํ์ผ์ด ๊ฒ์๋๋ค!

2. Emmet
๐ท๏ธ ์๋ฉง(Emmet) ๋ฌธ๋ฒ ๋ชจ์ - ํ๋์ ์ ๋ฆฌ
Emmet (์๋ฐ) ์๋ฐ์ HTML, XML, XSL ๋ฌธ์ ๋ฑ์ ํธ์งํ ๋ ๋น ๋ฅธ ์ฝ๋ฉ์ ์ํด ์ฌ์ฉํ๋ ํ๋ฌ๊ทธ์ธ์ด๋ค. ์๋ ์ ์ฝ๋ฉ์ผ๋ก ๋ถ๋ฅด๋ค๊ฐ ์๋ฐ์ผ๋ก ์ด๋ฆ์ ๋ณ๊ฒฝํ๋ค. ๋งค์ฐ ๊ฐ๋จํ ๋ช ๊ฐ์ง ์ฝ๋๋ง ์ ๋ ฅํ๋ฉด, ์๋
inpa.tistory.com
VSCode์ ๋ด์ฅ๋์ด ์๋ Emmet ํ๋ฌ๊ทธ์ธ์, html์ ์์ฃผ ๋น ๋ฅด๊ณ ์ฝ๊ฒ ์์ฑํ ์ ์๊ฒ ๋์์ค๋ค.
ํ์ ํ๊ทธ: >
ํ์ ์์: +
์์ ํ๊ทธ: ^
... ๊ทธ ์ธ์ ํด๋์ค, css attributes ๋ฑ ์ฌ๋ฌ ๋จ์ถ์ด๋ฅผ ๋ค๋ฃจ๊ณ ์๋ค.
3. copilot
1) ์ฝ๋์ ๊ตฌ์กฐ๋ฅผ ์ ์ดํดํ ์ ์๊ณ ,
2) ์๋ก์ด ์์ด๋์ด๋ฅผ ์ป์ ์ ์๋ค.
'๐ป ์ปดํจํฐ๊ณตํ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
1. Fuzzy Search
Fuzzy: ambiguous, blurred... ํ๋ฆฐ์ด๋ผ๋ ์๋ฏธ์ด๋ค. ํ๋ฆฌ๊ฒ, ๋๋ต๋ง ์ ๋ ฅํด๋ ์ํ๋ ๋ช ๋ น์ด๋ฅผ ๊ฒ์ํด์ค๋ค๋ ์๋ฏธ!
ex) ์๋ ์์์ ๊ฐ์ด, html ํ์ผ์ ๊ฒ์ํ๊ธฐ ์ํด์ ์ ์ผ ์ ๊ธ์์ธ h์ ์ ์ผ ๋ท ๊ธ์์ธ l๋ง ์ ๋ ฅํด๋ html ํ์ผ์ด ๊ฒ์๋๋ค!

2. Emmet
๐ท๏ธ ์๋ฉง(Emmet) ๋ฌธ๋ฒ ๋ชจ์ - ํ๋์ ์ ๋ฆฌ
Emmet (์๋ฐ) ์๋ฐ์ HTML, XML, XSL ๋ฌธ์ ๋ฑ์ ํธ์งํ ๋ ๋น ๋ฅธ ์ฝ๋ฉ์ ์ํด ์ฌ์ฉํ๋ ํ๋ฌ๊ทธ์ธ์ด๋ค. ์๋ ์ ์ฝ๋ฉ์ผ๋ก ๋ถ๋ฅด๋ค๊ฐ ์๋ฐ์ผ๋ก ์ด๋ฆ์ ๋ณ๊ฒฝํ๋ค. ๋งค์ฐ ๊ฐ๋จํ ๋ช ๊ฐ์ง ์ฝ๋๋ง ์ ๋ ฅํ๋ฉด, ์๋
inpa.tistory.com
VSCode์ ๋ด์ฅ๋์ด ์๋ Emmet ํ๋ฌ๊ทธ์ธ์, html์ ์์ฃผ ๋น ๋ฅด๊ณ ์ฝ๊ฒ ์์ฑํ ์ ์๊ฒ ๋์์ค๋ค.
ํ์ ํ๊ทธ: >
ํ์ ์์: +
์์ ํ๊ทธ: ^
... ๊ทธ ์ธ์ ํด๋์ค, css attributes ๋ฑ ์ฌ๋ฌ ๋จ์ถ์ด๋ฅผ ๋ค๋ฃจ๊ณ ์๋ค.
3. copilot
1) ์ฝ๋์ ๊ตฌ์กฐ๋ฅผ ์ ์ดํดํ ์ ์๊ณ ,
2) ์๋ก์ด ์์ด๋์ด๋ฅผ ์ป์ ์ ์๋ค.