๋ชฉ์ฐจ
VS Code์์ ํ์ผ ๊ฒ์๊ณผ ๋ฌธ์์ด ๊ฒ์ ๋จ์ถํค ํ์ฉํ๊ธฐ
์ํํธ์จ์ด ๊ฐ๋ฐ์ ๋ณต์ก์ฑ๊ณผ ํ์ผ ๊ฒ์์ ์ค์์ฑ
ํ๋ ์ํํธ์จ์ด ๊ฐ๋ฐ์ ๋ค์ํ ํ์ผ๊ณผ ํด๋๋ก ๋ณต์กํ๊ฒ ๊ตฌ์ฑ๋๋ ํ๋ก์ ํธ๋ฅผ ๋ค๋ฃจ์ด์ผ ํฉ๋๋ค. ์ด๋ฐ ํ๊ฒฝ์์ ์ํ๋ ํ์ผ์ ์ ์ํ๊ฒ ์ฐพ๋ ๊ฒ์ ๋งค์ฐ ์ค์ํ ์์ ์ ๋๋ค. Microsoft Visual Studio Code(VS Code)๋ ๋ง์ ๊ฐ๋ฐ์๋ค์ด ์ ํธํ๋ ํ๋ฅญํ ํตํฉ ๊ฐ๋ฐ ํ๊ฒฝ ์ค ํ๋์ ๋๋ค. ์ด๋ฒ ํฌ์คํ ์์๋ VS Code์์ ํ์ผ ๊ฒ์๊ณผ ๋ฌธ์์ด ๊ฒ์์ ํจ์จ์ ์ผ๋ก ์ํํ ์ ์๋ ๋จ์ถํค์ ๊ธฐ๋ฅ์ ์์๋ณด๊ฒ ์ต๋๋ค.
VS Code ํ์ผ ๊ฒ์ ๋จ์ถํค
VS Code์์ ํ์ผ ๊ฒ์ ๊ธฐ๋ฅ์ ํ์ฉํ๋ ๋ฐ์๋ ์ฌ๋ฌ ๊ฐ์ง ์ ์ฉํ ๋จ์ถํค๊ฐ ์์ต๋๋ค. ํนํ ํ์ผ์ ๋น ๋ฅด๊ฒ ์ฐพ์๋ณด๊ณ ์ ํ ๋ ๋ค์ ๋จ์ถํค๋ฅผ ํ์ฉํ ์ ์์ต๋๋ค:
- ์๋์ฐ: Ctrl + P
- ๋งฅ: Cmd + P
- ๋ฆฌ๋ ์ค: Ctrl + P
์ด ๋จ์ถํค๋ฅผ ์ฌ์ฉํ๋ฉด ํ์ผ ๊ฒ์ ์ฐฝ์ด ๋น ๋ฅด๊ฒ ์ด๋ฆฌ๋ฉฐ, ๊ฒ์์ด๋ฅผ ์ ๋ ฅํ์ฌ ์ํ๋ ํ์ผ์ ๋น ๋ฅด๊ฒ ์ฐพ์ ์ ์์ต๋๋ค.
VS Code ๋ฌธ์์ด ๊ฒ์ ๊ธฐ๋ฅ ํ์ฉํ๊ธฐ
ํ๋ก์ ํธ ๋ด์์ ํน์ ๋ฌธ์์ด์ ๊ฒ์ํ๊ณ ์ ํ ๋๋ VS Code๋ ๊ฐ๋ ฅํ ๊ฒ์ ๊ธฐ๋ฅ์ ์ ๊ณตํฉ๋๋ค. ์๋๋ ๋ฌธ์์ด ๊ฒ์์ ํ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ํ ์๋ด์ ๋๋ค:
- ํ๋ก์ ํธ ๋ด ํน์ ํด๋์์ ๋ฌธ์์ด ๊ฒ์: ํ๋ก์ ํธ ๊ท๋ชจ๊ฐ ์ปค์ง๋ฉด ํด๋ ๊ตฌ์กฐ๊ฐ ๋ณต์กํด์ง๊ณ ํ์ผ ์๊ฐ ์ฆ๊ฐํ๋๋ฐ, ์ด๋ ํน์ ํด๋ ๋ด์์ ์ํ๋ ๋ฌธ์์ด์ ๊ฐ์ง ํ์ผ์ ์ฐพ๋ ๊ฒ์ ๋ฒ๊ฑฐ๋ก์ด ์ผ์
๋๋ค. ์ด๋ฅผ ๊ฐํธํ๊ฒ ์ํํ ์ ์๋ ๋ฐฉ๋ฒ์ ์๋ ค๋๋ฆฌ๊ฒ ์ต๋๋ค.
- ๋ฌธ์์ด ๊ฒ์ ๋จ์ถํค: Ctrl + Shift + F (์๋์ฐ ๋ฐ ๋ฆฌ๋ ์ค) / Cmd + Shift + F (๋งฅ)
- ๊ฒ์ํ ๋ฌธ์์ด ์ ๋ ฅ: ๊ฒ์ ์ฐฝ์ ์ฐพ๊ณ ์ ํ๋ ๋ฌธ์์ด์ ์ ๋ ฅํฉ๋๋ค. ์๋ฅผ ๋ค์ด, "store"๋ฅผ ์ ๋ ฅํฉ๋๋ค.
- ํน์ ํด๋ ๋ด์์ ๊ฒ์: ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ก์ ๊ด์ฌ ์๋ ์์ญ๋ง ๊ฒ์ํ๊ณ ์ ํ ๋ ์ ์ฉํ ๊ธฐ๋ฅ์ ๋๋ค. ๊ฒ์ ์ฐฝ์์ "files to include"๋์ ๊ฒ์ ๋์ ํด๋์ ๊ฒฝ๋ก๋ฅผ ์ ๋ ฅํฉ๋๋ค. ์๋ฅผ ๋ค์ด, ํ๋ก ํธ์๋ ๊ด๋ จ ํ์ผ ์ค frontend ํด๋ ๋ด์ .js ํ์ผ์ ๊ฒ์ํ๋ ค๋ฉด `/frontend//.js`์ ๊ฐ์ด ์ ๋ ฅํฉ๋๋ค.
- ํด๋ ์ ์ธ ๊ฒ์: ํน์ ํด๋๋ฅผ ์ ์ธํ๊ณ ๊ฒ์ ๋ฒ์๋ฅผ ์ขํ๋ ๋ฐฉ๋ฒ๋ ์์ต๋๋ค. "files to exclude"๋์ ์ ์ธํ๊ณ ์ถ์ ํด๋๋ฅผ ์ ๋ ฅํ์ฌ ๊ฒ์ ๋ฒ์๋ฅผ ์กฐ์ ํฉ๋๋ค.
- ์ ๊ท์ ๊ฒ์ ํ์ฉ: ๋ ๊ฐ์ ๋จ์ด๋ฅผ ๋์์ ๊ฒ์ํ๊ณ ์ ํ ๋ ์ ๊ท์ ๊ฒ์์ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด, "postcode"์ "daum"์ด ๋ชจ๋ ๋ค์ด๊ฐ ๋ถ๋ถ์ ์ฐพ๊ณ ์ถ๋ค๋ฉด
(postcode[\s\S\n]*daum)
๊ณผ ๊ฐ์ด ์ ๋ ฅํฉ๋๋ค.- ๋ ๋จ์ด์ ์์๋ฅผ ๋ฐ๊พธ๊ณ ์ถ๋ค๋ฉด
(postcode [\s\S\n]*daum)|(daum [\s\S\n]*postcode)
์ ๊ฐ์ด ์ ๋ ฅํฉ๋๋ค.
- ๋ ๋จ์ด์ ์์๋ฅผ ๋ฐ๊พธ๊ณ ์ถ๋ค๋ฉด
- ์ซ์ ๊ฒ์๊ณผ ์นํ: ํน์ ์กฐ๊ฑด์ ๋ง๋ ์ซ์๋ฅผ ๊ฒ์ํ๊ณ ์นํํ ์๋ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด, ๋ค์ ์ซ์๊ฐ ๋ถ์ ๊ฒ ์ค์์ ์ซ์ '25'๋ฅผ ๊ฐ์ง ๊ฒ์ ๊ฒ์ํ๋ ค๋ฉด
\$+[0-9.]+25
์ ๊ฐ์ด ์ ๋ ฅํฉ๋๋ค. - HTML ํ๊ทธ ๊ฒ์: HTML ํ๊ทธ ๋ด์์ ํน์ ํ๊ทธ๋ฅผ ๊ฒ์ํ๊ณ ์ ํ ๋ ์ ๊ท์์ ์ฌ์ฉํฉ๋๋ค. ์๋ฅผ ๋ค์ด, title ํ๊ทธ๋ฅผ ์ฐพ๊ณ ์ ํ ๋๋
<[tT][iI][tT][lL][eE]>.*<\/[tT][iI][tT][lL][eE]>
๋ฅผ ํ์ฉํ ์ ์์ต๋๋ค.
vscode ํ์ผ ๊ฒ์๊ณผ ์นํ ๊ธฐ๋ฅ ํ์ฉํ๊ธฐ ๋ฌธ์์ด ๊ฒ์๊ณผ ์นํ์ ํตํ ํจ์จ์ ์ธ ์์
๋ฌธ์์ด ๊ฒ์๊ณผ ์นํ์ ๊ฐ๋ฐ ์์ ์ ๋์ฑ ํจ์จ์ ์ผ๋ก ๋ง๋ค์ด ์ค๋๋ค. ์๋ฅผ ๋ค์ด, ์ ๊ท์์ ํ์ฉํ์ฌ ํน์ ํ์์ ์ซ์๋ฅผ ๊ฒ์ํ๊ณ ์นํํ๊ฑฐ๋, HTML ํ๊ทธ ๋ด์์ ํน์ ํ๊ทธ๋ฅผ ์ฐพ์ ์์ ํ ์ ์์ต๋๋ค. ๋จ, ์นํ์ด๋ ๋ณ๊ฒฝ ์์ ์ ์ํํ ๋๋ ์ ์คํ๊ฒ ์งํํ๊ณ , ์๋ชป๋ ๋ณ๊ฒฝ์ผ๋ก ์ธํ ๋ฌธ์ ๋ฅผ ๋ฐฉ์งํ๊ธฐ ์ํด ์ฃผ์๋ฅผ ๊ธฐ์ธ์ด๋ ๊ฒ์ด ์ข์ต๋๋ค.
๊ฐ๋ฐ ์์ ์ ํ๋ค ๋ณด๋ฉด ์ฝ๋ ํ์ผ ๋ด์์ ํน์ ๋ฌธ์์ด์ ์ฐพ์์ ๋ค๋ฅธ ๋ฌธ์์ด๋ก ๋ฐ๊ฟ์ผ ํ๋ ๊ฒฝ์ฐ๊ฐ ์ข ์ข ๋ฐ์ํฉ๋๋ค. ํ์ง๋ง ๋๋์ ์ฝ๋ ์ค์์ ์ผ์ผ์ด ์ฐพ์์ ๋ณ๊ฒฝํ๋ ์์ ์ ๋งค์ฐ ์ง๋ฃจํ๊ณ ์๊ฐ์ด ๋ง์ด ์์๋ ์ ์์ต๋๋ค. ์ด๋ด ๋ Visual Studio Code(VS Code)์ ๊ฐ๋ ฅํ ํ์ผ ๊ฒ์๊ณผ ์นํ ๊ธฐ๋ฅ์ ํ์ฉํ๋ฉด ์์ ํจ์จ์ฑ์ ํฌ๊ฒ ํฅ์์ํฌ ์ ์์ต๋๋ค. ์ด ๊ธ์์๋ VS Code ๋ด์์ ๋ฌธ์์ด ๊ฒ์๊ณผ ์นํ์ ์ด๋ป๊ฒ ํ์ฉํ๋์ง ์์๋ณด๊ฒ ์ต๋๋ค.
ํ์ผ ๋ด ๋ฌธ์์ด ๊ฒ์ ๋ฐ ์นํ
์ ๊ท์์ ํ์ฉํ ๊ฒ์๊ณผ ์นํ
VS Code์์ ํ์ผ ๋ด์ ๋ฌธ์์ด์ ๊ฒ์ํ๊ณ ์นํํ๋ ์์ ์ ๊ฐ๋จํ๊ฒ ํ ์ ์์ต๋๋ค. ํนํ ์ ๊ท์์ ์ฌ์ฉํ๋ฉด ๋์ฑ ๊ฐ๋ ฅํ ๊ฒ์๊ณผ ์นํ์ ์ํํ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด, ํ์ผ ๋ด์์ 2์๋ฆฌ ์ซ์๋ฅผ ๊ดํธ๋ก ๊ฐ์ธ๊ณ ์๋ ๊ฒฝ์ฐ๋ฅผ ๊บฝ์ ๋ก ๋ฐ๊พธ๋ ์์ ์ ํด๋ณด๊ฒ ์ต๋๋ค.
์ ๊ท์ \(([0-9]{2})\)
๋ฅผ ์ฌ์ฉํ๋ฉด 2์๋ฆฌ ์ซ์๋ฅผ ๊ดํธ๋ก ๊ฐ์ธ๋ ํจํด์ ์ฐพ์๋ผ ์ ์์ต๋๋ค. ๊ฒ์ ๊ฒฐ๊ณผ ์ค์์ $1
์ ์ฒซ ๋ฒ์งธ ๊ดํธ๋ก ๊ฐ์ธ์ง ์ซ์๋ฅผ ์๋ฏธํฉ๋๋ค. ์๋ฅผ ๋ค์ด, "69"์ "74"๋ฅผ ์ฐพ์์ ๊บฝ์ ๋ก ๋ฐ๊พธ๋ ค๋ฉด $1
์ ์ฌ์ฉํ์ฌ ๊ดํธ๋ก ๊ฐ์ธ์ง ์ซ์๋ฅผ ์ฐพ์๋ด๊ณ ์ด๋ฅผ ๊บฝ์ ๋ก ๋ณ๊ฒฝํ ์ ์์ต๋๋ค.
VS Code์ ํ์ผ ๊ฒ์๊ณผ ์นํ ๊ธฐ๋ฅ์ ํ์ฉํ๋ฉด ํ๋ก์ ํธ ๋ด์์ ์ํ๋ ํ์ผ์ ๋น ๋ฅด๊ฒ ์ฐพ์๋ด๊ณ , ์ ๊ตํ ์ ๊ท์์ ์ฌ์ฉํ์ฌ ์ํ๋ ํจํด์ ๊ฒ์ํ๊ณ ๋ณ๊ฒฝํ ์ ์์ต๋๋ค. ์์ ํจ์จ์ฑ์ ๋์ด๊ณ ๋ฐ๋ณต์ ์ด๊ณ ์ง๋ฃจํ ์์ ์ ์ฆ๊ฒ๊ฒ ํด ์ฃผ๋ ์ด ๊ธฐ๋ฅ์ ์ต๋ํ ํ์ฉํ์ฌ ๊ฐ๋ฐ ์์ ์ ์งํํด๋ณด์ธ์.
์ฃผ์ ์ฌํญ
- ๋ณธ ๋ฌธ์๋ VS Code์ ํ์ผ ๊ฒ์๊ณผ ์นํ ๊ธฐ๋ฅ์ ๊ดํ ๋ด์ฉ์ ๋ค๋ฃจ๊ณ ์์ต๋๋ค.
- ๋ณธ ๋ฌธ์๋ ์์ฑ์์ ๊ฒฝํ๊ณผ ์ง์์ ๊ธฐ๋ฐ์ผ๋ก ์์ฑ๋์์ต๋๋ค.
๋ง๋ฌด๋ฆฌ
VS Code์ ํ์ผ ๊ฒ์๊ณผ ๋ฌธ์์ด ๊ฒ์ ๊ธฐ๋ฅ์ ํ๋ก์ ํธ ๋ด์์ ์ํ๋ ํ์ผ๊ณผ ์ ๋ณด๋ฅผ ๋น ๋ฅด๊ฒ ์ฐพ์ ์ ์๋๋ก ๋์์ค๋๋ค. ๊ฐ๋ ฅํ ๊ฒ์ ๊ธฐ๋ฅ์ ํ์ฉํ๋ฉด ๊ฐ๋ฐ ์์ ์ ํจ์จ์ฑ์ ๋์ผ ์ ์์ต๋๋ค. ํ์ผ ๋ฐ ๋ฌธ์์ด ๊ฒ์์ ๋ํ ๋ค์ํ ๋จ์ถํค์ ํ์ฉ ๋ฐฉ๋ฒ์ ํตํด ๊ฐ๋ฐ
์์ ์ ๋์ฑ ํจ์จ์ ์ผ๋ก ์ํํ์ธ์.
๋๊ธ