๋๋ ํ๊ฐ์ง ์ด์ํ(?) ๋ฃจํด์ ๊ฐ์ง๊ณ ์๋ค. ๋งค์ผ ์์นจ์ IDE๋ฅผ ์ผ ๋ค์ (๋๋ถ๋ถ์ ๊ฒฝ์ฐ webstorm) ์ค๋ ๊ธฐ๋ถ์ ๋ง์๋๋ ์ฝ๋ฉํฐํธ๋ฅผ ๊ณ ๋ฅธ ๋ค์์ ์ฝ๋ฉ์ ์์ํ๋ค. ์ธ์ ๋ถํด๊ฐ ๋ฒ๋ฆ์ด ๋์๊ณ , ํ๋ฃจ๋ ๋น ์ง์์ด ๋ฐ๊พธ๋ ๊ฒ์ ์๋์ง๋ง ํฐํธ๋ฅผ ๋ฐ๊พธ๋๊ฒ ๋์๊ฒ ๊ธฐ๋ถ์ ํ ๊ฐ์ ๋๋์ด ๋ ๋ค. ๊ทธ๋ฌ๊ธฐ ์ํด์๋ ๋น์ฐํ ๋ง์ ํฐํธ๋ฅผ ๊ฐ์ง๊ณ ์์ด์ผํ๋ ๊ฒ์ด ์ ์ ์กฐ๊ฑด์ด๊ฒ ๋ค. ๊ทธ๋์ ์ค๋์ ๋ด๊ฐ ์์ฃผ ์ฌ์ฉํ๋ ์ฝ๋ฉํฐํธ์ ๋ํด ๊ธ์ ์ ์ด๋ณด๋ ค๊ณ ํ๋ค.
์ผ๋จ ๋ด๊ฐ ์ฝ๋ฉ ํฐํธ๋ฅผ ์ ์ ํ ๋์ ๊ณ ๋ คํ๊ฒ ๋๋ ์ต์
๋ค์ ๋ค์๊ณผ ๊ฐ๋ค.
###Monospaced
monospaced font๋ ํ๊ตญ์ด๋ก๋ ๊ณ ์ ํญ ๊ธ๊ผด ์ ๋๋ก ํด์๋ ๊ฒ์ด๋ค. ๊ฐ ๊ธ์๊ฐ ๋์ผํ ์์ ํญ์ ์ฐจ์งํ๋ ๊ธ๊ผด์ ๋งํ๋ค. ํนํ ์ฝ๋ฉ์ ํ๋๋ฐ์ ์์ด์ indentation
์ prettier
์๋ ์ต์
์ด ์๋ ๊ฒ์ฒ๋ผ ์ค์ํ ์ญํ ์ ํ๊ธฐ ๋๋ฌธ์, ๊ณ ์ ํญ์ธ ๊ฒ์ ์ค์ํ๊ฒ ์๊ฐํ๋ค. ๊ทธ๋์ผ ๋๋ํ ๋๋ํ ์ ๋ ฌ๋ ๋๋์ ๋ฐ์ ์ ์๊ณ , ์ฝ๋ฉํ๋๋ฐ ๋์ด ์ํ์ง ์๊ธฐ ๋๋ฌธ์ด๋ค.
###Ligature
ligature๋ ์ฌ๋ฌ ์ฐ์ฐ๊ธฐํธ๋ค์ ๋ฌถ์ด์ ์์๋ณด๊ธฐ ์ฌ์ด ์๋ฏธ๋ก ์ฌํํ ํด์ค๋ค. ์๋ฅผ ๋ค์ด javascript
์์ ๊ฐ์ง์์์ ํํํ๊ธฐ์ํด !==
๋ฅผ ์ฌ์ฉํ๊ฒ ๋๋ค. ligature font๋ฅผ ์ฌ์ฉํ๊ฒ ๋๋ฉด !==
๋ฅผ โ
์ด๋ฐ ๋ฐฉ์์ผ๋ก ๋ณํํด์ ๋ณด์ฌ์ฃผ์ด ์ข๋ generalํ ์๋ฏธ๋ฅผ ํ์
ํ ์ ์๋๋ก ๋์์ค๋ค.
ligature์ ๋ํ ๋ถ๋ถ์ ์ง๊ทนํ ๊ฐ์ธ์ ์ธ ์ทจํฅ์ผ ๊ฒ์ด๋ค. ๊ฐ์ธ์ ์ผ๋ก ๋๋ ligature font๋ฅผ ์ ํธํ์ง ์๋๋ฐ ๊ทธ ์ด์ ๋ ์ฒซ๋ฒ์งธ๋ก ์ผ๋จ ligature๋ฅผ ์ง์ํ์ง ์๋ ํฐํธ๊ฐ ์ง์ํ๋ ํฐํธ๋ณด๋ค ๋ง๊ธฐ ๋๋ฌธ์ด๊ณ , ์ฌ์ค ๊ทธ๋์ ๊ฐ๋ฐ์๋ก ์ผํด์ค๋ฉด์ ligatured ๋์ง ์์ ๋ฌธ์๋ค๋ ์ถฉ๋ถํ ์๋ฏธ๋ฅผ ํ์
ํ๊ธฐ์ ์ด๋ ต์ง ์๊ธฐ ๋๋ฌธ์ด๋ค. ๋ฌผ๋ก ๊น๋ํด๋ณด์ด๊ณ , ์๋ฏธ๋ก ์ ์ผ๋ก ์ฝ๊ฒ ์์๋ณด๋ ์ฅ์ ์ ์๊ฒ ์ง๋ง ์์ ๋ ์ด์ ๋ก ๋๋ ์ ํธํ์ง ์๋ํธ์ด๋ค. (๊ทธ๋ ๋ค๊ณ ์์ ์์ด๋ค๋ ๊ฒ์ ๋ ์๋!๐)
###Line height & Vertically middle
๋ช๊ฐ์ง free font๋ฅผ ์ดํด๋ณด๋ค๋ณด๋ฉด line height๊ฐ ์ ๋ํ ์๊ฑฐ๋ ๋๋ ์ ๋ํ ํฐ ๊ฒฝ์ฐ๊ฐ ์๋ค. ์ด๋ ์ด๋์ ๋ IDE์ font size ์กฐ์ ์ ํตํด์ ์ปค๋ฒํ ์ ์์ง๋ง ๊ทธ๋ ์ง ์์ ๊ฒฝ์ฐ๋ ๋ง๋ค. ํนํ free font์ ํน์ฑ์ ์ด๋ฐ ๋ํ
์ผ๋ค์ ์ ๊ฒฝ์ฐ์ง ์๋ ๊ฒฝ์ฐ๊ฐ ๊ฒฝํ์ ์์ฃผ ๋ง์๋ค. line height์ ๋น์ทํ ๋งฅ๋ฝ์์ font์ ์์น๊ฐ ๊ทธ line์ middle ์์น๊ฐ ์๋ ์์ชฝ, ์๋์ชฝ์ผ๋ก ์น์ฐ์น ๊ฒฝ์ฐ๋ ์์ ๋ณผ ์ ์๋ค. ์ด๋ฐ ๊ฒฝ์ฐ๋ IDE์์ ์ผ๋ฐ์ ์ผ๋ก ์ ๊ณตํด์ฃผ๋ ํ์ฌ ์ ํ๋ line background์๋ ์ด๊ธ๋ ์ ์๊ธฐ ๋๋ฌธ์, ์ฝ๋ฉ ์ ๋ด๋์ ๋งค์ฐ ๊ฑฐ์ฌ๋ฆฌ๋ ์์์ค ํ๋์ด๋ค.
ํนํ๋ vertically ์ด๊ธ๋ ๊ฒฝ์ฐ๋ IDE ์ค์ ์ ํตํด ์กฐ์ ์ ํ ์ ์๋๊ฒ์ผ๋ก ์๊ณ ์๊ธฐ ๋๋ฌธ์ ๋์ฑ ์ด๋ฐ ์์๋ ์ ์ฒดํฌํ๋ ํธ์ด๋ค.
์ด ์ธ์๋ ๋ง์ ๋ถ๋ถ์ ๊ณ ๋ คํ์ง๋ง ์ ์ธ๊ฐ์ง๊ฐ ๊ฐ์ฅ ์ ๊ฒฝ์ฐ๋ ์์๋ผ๊ณ ํ ์ ์๊ฒ ๋ค.
๊ทธ๋ผ ๋ค์๋ถํฐ ๋ด๊ฐ ์ต๊ทผ ์ ์ฌ์ฉํ๊ณ ์๋ ๋ช๊ฐ์ง ํฐํธ๋ฅผ ์๊ฐํ๊ณ ์ ํ๋ค. ์์๋ ๋ฐ๋ก ์๋ค.
Agave
๊ท์ฝ๊ณ ๋ฅ๊ธ๋ฅ๊ธ ํ์ง๋ง ์ monospaced ๋์ด ์๋ค. ์ผ๋ฐ์ ์ธ ํฐํธ๋ณด๋ค ์ฌ์ด์ฆ๊ฐ ์์๊ฒ์ด ํน์ง.

- `Calling Code` ํฐํธ ์ค๊ฐ์ค๊ฐ ์์นจ์ด ์๋ค. ํฐํธ weight๋ ๋ค๋ฅธ ํฐํธ๋ณด๋ค ์์ํธ.

- `Rec Mono Casual` ํ๊ธฐ์ฒด๋ฅผ ์ด๊ฒ์ฒ๋ผ ๋ณด์ด๋ ๊ฒ์ด ํน์ง. ligature๋ฅผ ์ง์ํ๋ค.

- `Azeret Mono` ๋ฅ๊ธ๋ฅ๊ธํ๊ณ ์ ์ฌ๊ฐํ ํํ์ ํฐํธ. ์์ฆ ์์ฃผ ์ฌ์ฉํ๋ ํฐํธ์ด๋ค

- `Fantasque Sans Mono` Rec Mono Casual ๊ณผ๋ ๋ค๋ฅธ ์คํ์ผ์ ํ๊ธฐ์ฒดํํ. ์ด ๋ํ ์ผ๋ฐ์ ์ธ ํฐํธ๋ณด๋ค ์ฌ์ด์ฆ๊ฐ ์๋ค.

์์ฆ ์ฌ์ฉํด๋ณธ ํฐํธ ์ค ๊ฐ๋
์ฑ๊ณผ ์คํ์ผ ๋ฉด์์ ๋ง์ ๋ค์๋ ํฐํธ๋ค์ด๋ค. ํน์๋ค์ ์ด๋ฐ๊ฒ์ ์ ๊ฒฝ์ฐ์ง ์๊ณ IDE
์์ ์ ๊ณตํด์ฃผ๋ ๊ธฐ๋ณธํฐํธ๋ฅผ ์ฌ์ฉ๋ง ํด๋ ๋ฌธ์ ๊ฐ ์์ ๊ฒ์ด๋ค. ํ์ง๋ง ๋๋ ๋ณด๊ธฐ์ข์๊ฒ์ด ์ฝ๋ฉํ๊ธฐ๋(?) ์ข๋ค
์ฃผ์์ด๊ธฐ ๋๋ฌธ์ ์ด๋ฐ ๋ถ๋ถ๋ ๋ฐ๊ฟ๊ฐ๋ฉด์ ๊ธฐ๋ถ์ ํ์ ํ๋ ํธ์ด๋ค.
์์ง ๋์ best coding font๋ ์ ํด์ง์ง ์์๊ณ , ํญ์ ์ผ์ฃผ์ผ์ ํ๋ฒ์ฏค์ ์๋ก์ด coding font๋ฅผ ์ฐพ์๋ณด๊ณค ํ๋ค. ๊ธฐํ๊ฐ ๋๋ค๋ฉด ๋ง๋ค์ด๋ณด๊ณ ์ถ๊ธฐ๋ ํ๋ค! (someday..)
๋ค์์ ๋ ๊ธฐํ๊ฐ ๋๋ค๋ฉด coding font 2ํ๋ ๋ง๋ค์ด๋ด์ผ๊ฒ ๋ค.