๐ ๋๋ง์ ๊ฐ๋ฐ์ ์ํฌํ๋ก์ฐ ๋ง๋ค๊ธฐ: VSCode, Vim, ๊ทธ๋ฆฌ๊ณ Zsh
Source: Dev.to
โImagine waving your hands like a conductor, and all the instruments play exactly what you want. Thatโs the feeling I chase every day in my workflow.โ
๊ฐ๋ฐ์๋ผ๋ฉด ๋๊ตฌ๋ ๊ฒช๋ ๊ณ ๋ ์ผ์์ด ์์ต๋๋ค: ์ฝ๋๋ฅผ ๋ฐ๋ผ๋ณด๋ฉฐ ๋ณด๋ด๋ ๊ธด ์๊ฐ, ํ์ผ, ํฐ๋ฏธ๋, ๋ฌธ์, ๋ธ๋ผ์ฐ์ ์ฌ์ด๋ฅผ ์ค๊ฐ๋ฉฐ ์์ ํฉ๋๋ค. PHP, Laravel, WordPress ํ๋ก์ ํธ๋ฅผ ์๋ ๊ฐ ๊ตฌ์ถํ๋ฉด์ ๋ด ์ํฌํ๋ก์ฐ๋ ์๋ง์ด์์ต๋๋ค. VSCode๋ฅผ ์ด๊ณ ํ์ผ์ ์ค๊ฐ๋ฉฐ ๊ฐ์ ํฐ๋ฏธ๋ ๋ช ๋ น์ ๋ฐ๋ณตํ๊ณ , ํ์ฅ ํ๋ก๊ทธ๋จ์ ์ฐพ์๋ค๋๊ณ , ์ค์ ์ ์กฐ์ ํ๋ ๋ฐ ๋ช ์๊ฐ์ ๋ค์์ฃ โ์ฝ๋ ์์ฒด๋ณด๋ค ๋๊ตฌ์ ๋ ๋ง์ ์๊ฐ์ ์ฐ๊ฒ ๋์์ต๋๋ค.
์ด์ ๋ ์ถฉ๋ถํ๋ค๊ณ ๊ฒฐ์ฌํ์ต๋๋ค. ์์ ์ฒ๋ผ ๋๊ปด์ง๋ ์ํฌํ๋ก์ฐ๊ฐ ํ์ํ์ต๋๋ค. ๋ชจ๋ ๊ฒ์ด ๋ด ๋ฆฌ๋ฌ์ ๋ง์ถฐ ํ๋ฅด๋ ๊ทธ๋ฐ ๋๋ ๋ง์ด์ฃ .
Step 1: VSCode โ More Than an Editor
VSCode๋ ์ด๋ฏธ ๊ฐ๋ ฅํฉ๋๋ค. ๋ฐํด๋ฅผ ๋ค์ ๋ง๋ค์ง๋ ์์๊ณ , ๋จ์ง ๋ฏธ์ธ ์กฐ์ ๋ง ํ์ ๋ฟ์ ๋๋ค.
- ๋จ์ถํค โ ํ์, ํ์ผ ์์ , ๋ถํ , ๋ค์ค ์ปค์, ์ด๋ฆ ๋ฐ๊พธ๊ธฐ/๋ณต์ฌ/๋ถ์ฌ๋ฃ๊ธฐ/์ญ์ .
- ์๋ํ โ ๋ฐ๋ณต ์์ ์ ์ค์ ๋๋ค.
- ์๋ํฐ ํ๋ โ ๋ผ์ธ ๋ฒํธ, ์๋ ๋ผ์ธ ๋ฒํธ, ๋ฏธ๋๋งต, ๋ง์ฐ์ค ํ ์ค, ์๋ ๋ฉ, ์ปค์ ์คํ์ผ.
์ด ์์ ๋ณํ๋ค์ด ๋ชจ์ฌ ํ๋ก์ฐ ์ํ๋ฅผ ๋ง๋ค์ด ์ค๋๋ค: ๋๊ตฌ์ ๋ํ ์๊ฐ์ ์ค์ด๊ณ ์ฝ๋์ ๋ ์ง์คํ๊ฒ ๋ฉ๋๋ค.
Pro tip: ๊ธฐ๋ณธ๋ถํฐ ์์ํ๊ณ , ์ ์ฐจ ์ง๊ด์ ์ผ๋ก ๋๊ปด์ง๋ ๋จ์ถํค๋ฅผ ์ฑํํ์ธ์.
Minimal. Clean. Focused.
์๊ฐ์ ์ก์์ ๋ชจ๋ ์์ด์ต๋๋ค:
- ํญ ์จ๊ธฐ๊ธฐ, ์กํฐ๋นํฐ ๋ฐ ์ต์ํ, ๊น๋ํ ํธ๋ฆฌ ๋ทฐ.
- ๋ง์ฐ์ค ์์ด ํ์ํ๊ณ ํธ์งํ ์ ์๋ Vim ํค๋ฐ์ธ๋ฉ.
- ํตํฉ ํฐ๋ฏธ๋, Zsh, ์ ธ ๋๊ตฌ.
์ฒ์์ ์๋์ ์ผ๋ก ๋๊ปด์ง ์ ์์ต๋๋คโ๋จ์ถํค๊ฐ ์ฌ๊ธฐ์ ๊ธฐ ์๊ณ , ๊ทผ์ก ๊ธฐ์ต์ด ํ์ํ์ง๋ง, ๋ช ์ฃผ๊ฐ ์ง๋๋ฉด ๋ ๋ฒ์งธ ์ฒ์ฑ์ฒ๋ผ ์ต์ํด์ ธ ํ๋ก์ ํธ๋ฅผ ์ฃผ์ ์์ด ํ๋ฅด๊ฒ ํ๋ ์ฝ๋ฉ โ์ผ์โ๊ฐ ๋ฉ๋๋ค.
Step 2: Zsh โ My Terminal, My Orchestra
Oh My Zsh, ํ๋ฌ๊ทธ์ธ, ๊ทธ๋ฆฌ๊ณ ์ธ์ฌํ ์ค์ ๋๋ถ์ ํฐ๋ฏธ๋์ ๋ฌด๋๊ฐ ๋ฉ๋๋ค.
- ์ ๋ณ๋ ํ๋ฌ๊ทธ์ธ โ ์ค์ ๋ก ์ฌ์ฉํ๋ ๊ฒ๋ง ์ ํ.
- ๋ณ์นญ(Aliases) โ IP ํ์ธ, ํ์ผ ํ์, ํด๋ฆฝ๋ณด๋ ์ธ์ฝ๋ฉ, ํฌํธ, ๋ฐฐํฐ๋ฆฌ ์ํ.
- ์ปค์คํ ํจ์ โ ์์:
# mkcd: create a directory and cd into it
mkcd() {
mkdir -p "$1" && cd "$1"
}
# markdown2pdf: convert a markdown file to PDF using pandoc
markdown2pdf() {
pandoc "$1" -o "${1%.md}.pdf"
}
- ๊นจ๋ํ PATH & MANPATH โ ์ก๋์ฌ๋ ์์ด, ํผ๋ ์์ด.
๊ทธ ๊ฒฐ๊ณผ: ํ์ดํ์ด ์ค๊ณ , ํ์์ด ๋นจ๋ผ์ง๋ฉฐ, ์ ์ ์ ๋ง์ฐฐ์ด ๊ฐ์ํฉ๋๋ค.
Step 3: Extensions That Actually Work
ํ์ฅ ํ๋ก๊ทธ๋จ์ ๋ชฉ์ ์๊ฒ ์ฌ์ฉํ ๋ ๊ฐ๋ ฅํฉ๋๋ค.
- ํ์ํ ๊ฒ๋ง ์ค์นํ์ธ์; ๊ฐ ํ์ฅ ํ๋ก๊ทธ๋จ์ ๋ช ํํ ๋ชฉ์ ์ ๊ฐ์ ธ์ผ ํฉ๋๋ค.
- Vim ์๋ฎฌ๋ ์ด์
์ ํ์ ๋์(
a,A,b,f,l,h,i,k,gg)์ ์ง์คํฉ๋๋ค. - 90๊ฐ๊ฐ ๋๋ ํค๋ฐ์ธ๋ฉ์ด ํ์, ํธ์ง, ํ์ผ ์์ , ๋ค์ค ํ์ผ ์ํฌํ๋ก์ฐ๋ฅผ ์ปค๋ฒํฉ๋๋ค.
์ด Vim ๋์์ ์จ๋ผ์ธ ํ๋ซํผ์์ 15~20๋ถ์ด๋ฉด ๋ฐฐ์ธ ์ ์์ต๋๋คโํฌ์ํ ๊ฐ์น๊ฐ ์ถฉ๋ถํ ์์ต๋๋ค.
Step 4: Why This Workflow Matters
- ๊ฐ์ธ์ ์ด๋ฉด์๋ ๋ณดํธ์ โ ์ ์๋ ค์ง ๋๊ตฌ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ๋ฉฐ, ๋๊ตฌ๋ ์ ์ฉ ๊ฐ๋ฅ.
- ์๋์ ํธ์ํจ โ ๋ฐ๋ณต์ ์ธ ์คํธ๋ ์ค๋ฅผ ์ค์ด๊ณ ์ฝ๋ฉ์ ์ฆ๊ฒ๊ฒ ๋ง๋ญ๋๋ค.
- ํ์ฅ์ฑ โ PHP, Laravel, WordPress๋ฟ ์๋๋ผ JavaScript, Python, Ruby ๊ฐ์ ๋ค๋ฅธ ์ธ์ด์๋ ์ ์ฉ ๊ฐ๋ฅ.
๋ฆฌ๋ฌ์ ๋ง์คํฐํ๋ฉด ์ฝ๋ฉ์ ์์ ์ฒ๋ผ ๋๊ปด์ง๋๋ค: ์๊ฐํ๊ณ , ์์ง์ด๊ณ , ์คํํฉ๋๋ค.
Step 5: My Advice to Fellow Devs
- ์๋ํฐ๋ถํฐ ์์ํ์ธ์. ์ค์ ๋ก ์ฌ์ฉํ๋ ํ๋ฌ๊ทธ์ธ๋ง ์ ํํฉ๋๋ค.
- ์ง๋ฃจํ ์์ ์ ์๋ํํ์ธ์. ๋ณ์นญ, ํจ์, ๋งคํฌ๋กโ์์ ์น๋ฆฌ๊ฐ ๋ชจ์ฌ ํฐ ์ฐจ์ด๋ฅผ ๋ง๋ญ๋๋ค.
- ํ์์ ๋จ์ํํ์ธ์. ๊ธฐ๋ณธ ๋์๊ณผ ๋จ์ถํค๋ฅผ ๋ฐฐ์ฐ์ธ์.
- ๋ฐ๋ณตํ์ธ์. ์ํฌํ๋ก์ฐ๋ ํ๋ก์ ํธ์ ํจ๊ป ์งํํฉ๋๋ค; ์๋ฒฝ์ ๋ฐ๋ก ์ถ๊ตฌํ์ง ๋ง์ธ์.
- ์ฌ์ ์ ์ฆ๊ธฐ์ธ์. ํ๊ฒฝ์ ์ ์ดํ๋ ๊ฒ์ ์์ ๋ง์ ์ค์ผ์คํธ๋ผ๋ฅผ ์งํํ๋ ๊ฒ๊ณผ ๊ฐ์ต๋๋ค.
Key Takeaway
์ํฌํ๋ก์ฐ๋ ๋ณต์กํจ์ด ์๋๋ผ ๋ช ๋ฃํจ, ๋ฆฌ๋ฌ, ๊ทธ๋ฆฌ๊ณ ๊ฐ์ธ์ ๋ง์กฑ์ ๊ดํ ๊ฒ์ ๋๋ค. ์๊ฒ ์์ํ๊ณ ์๋ํํ ์ ์๋ ๋ถ๋ถ์ ์๋ํํ๋ฉฐ, ๋๊ตฌ๊ฐ ๋น์ ์ ๋ฐ๋ผ์ค๊ฒ ํ์ธ์โ๋ฐ๋๋ก๊ฐ ์๋๋ผ.
Find the complete configuration on GitHub:
https://github.com/mahafuz/.config