개발자이거나, 개발자를 꿈꾸는 학생이거나, 코딩을 한줄이라도 해본 사람들에게 질문을 하나 던져보겠습니다.
코딩하는데 폰트가 얼마나 중요하다고 생각하시나요 ?
여러분들은 코딩을 처음 접했을 땐 어떤 IDE였나요?
notepad? wordpad? eclipse? dreamwever? dreamweaver?
저는 코딩을 notepad 에서 처음 접했었습니다.
코딩아닌 코딩을 접했을 땐 IDE의 존재도 몰랐기에 그저 메모장에다 끄적이는 수준이었지요.
메모장의 기본 폰트는 Fixedsys입니다.
조사해본결과 이클립스는 Courier New, 드림위버는 Times New Roman 라고 하더라구요.
이번 이야기의 주제는 질문에서도 언급했던 폰트에 대해 이야기 해볼까 합니다.
폰트에도 개발하기 편한 폰트가 있습니다.
첫째. 문자를 구별하기 쉬어야 합니다.
코딩을 하다보면 숫자와 영어 특수문자를 모두 쓰게 되는데 특히 헷갈리는 문자들이 있기 마련이다. 예를 들면 숫자 1과 영어 대문자 I와 소문자 l 같은 경우인데 이런 문자들이 잘 구분되지 않는 경우엔 가독성이 떨어지는 것은 물론이고, 코딩 중에 문자를 실수로 잘못 입력했을 경우에도 찾기 어려워진다. 그러므로 좋
은 코딩 폰트는 읽기 쉽고 알아보기 쉽고 찾아보기 쉬워야 한다.
둘째. 고정폭 폰트여야 합니다.
고정폭 폰트란 이름 그대로 각 글자가 동일한 양의 수평공간을 차지하는 글꼴을 말한다. 물론 책이나 게시물을 읽을 경우에는 가변폭 폰트가 좀 더 조화로울 수 있겠으나 코딩용 폰트는 조화보다는 가독성과 정확성이 중요하기 때문에 고정폭 폰트를 쓰는 것이 좋겠다.
참고로 폰트 이름에 ‘체’가 들어가는 경우 고정폭 폰트이니 참고하자.
위에서 언급했던 기본 폰트들을 한번 비교해볼까요?
Courier New
Fixedsys
Times New Roman
세가지 폰트를 비교해서 보자면 Courier New와 Fixedsys는 Times New Roman에 비해 문자의 폭이 일정한 고정폭 폰트라는것을 알 수 있습니다.
또한 헷갈리기 쉬운 o, O, 0 혹은 i, I, l, L 등도 헷갈리지 않게 모양이 모두 다른 모양입니다.
앞서 말씀드렸던 코딩용 폰트의 조건에 알맞다고 볼 수 있지요.
개발자로서 하루의 1/4이상을 IDE를 속에서 시간을 보냅니다. 폰트는 개인 취향이긴 하지만 제 경험에서 말씀을 드리면 개발용 폰트를 쓰는것이 가독성도 좋을 뿐만 아니라 눈의 피로도 줄어드는 느낌이었습니다.
키보드나 마우스의 종류에 따라 팔과 손이 받는 피로도를 줄여준다면, 가독성 좋은 코딩용 폰트 사용으로 눈의 피로를 줄여주는것도 좋다고 생각합니다.
코딩용 폰트 사용으로 눈의 필요를 줄여 개발효율을 높히는것이 폰트의 중요성이 아닐까요?
그럼 눈의 필요를 줄여줄 코딩용 폰트 몇 가지를 소개하고 마무리하도록 하겠습니다.
들어가기에 앞서 위 코드를 보자. 위 폰트는 코딩용 폰트가 아닙니다. 대충 보아도 글씨가 너무 얇고 대문자 I와 소문자 l 같은 헷갈리는 문자들의 구분도 명확하지 않습니다. 폭도 가변적이라 가독성이 떨어지는 것을 확인할 수 있습니다. 아래 소개할 코딩용 폰트들과는 확실히 다른 느낌을 받을 것입니다.
나눔고딕코딩체는 2008년 발표된 나눔고딕을 바탕으로 개발자들의 코딩환경에 최적화시킨 글꼴입니다. 한국기업인 네이버에서 만든 폰트여서 한글에 최적화 되어있지만 글씨가 얇고 줄간격이 좁아 가독성이 떨어지는 편입니다.
2. D2Coding
D2 Coding체는 나눔고딕코딩체를 개선한 디자인입니다. 나눔고딕코딩체에 비해 상대적으로 굵기가 굵어지고 줄간격이 넓어져서 가독성이 향상되었습니다.
3. Consolas
윈도우 환경에서 기본으로 깔려있는 이 Consals 폰트는 위의 두 폰트들에 비해 확실히 두꺼우며 고정폭이 넓은 편입니다. 하지만 한글에 최적화 되어있지 않아, 한글 입력 시 깨지거나 가독성이 떨어질 수 있습니다.
이처럼 각자의 취향만큼 다양한게 폰트 종류입니다. 개발용으로 나온 폰트도 다양하니 각자의 취향에 맞는 개발용 폰트로 IDE속 폰트를 바꿔보는건 어떨까요? 아래에 위에서 소개해드리지 못한 다양한 폰트가 있으니 참고해보시는것도 좋을 것 같습니다.
https://www.slant.co/topics/67
https://github.com/naver/d2codingfont
https://zetawiki.com/wiki/%EC%BD%94%EB%94%A9%EC%9A%A9_%ED%8F%B0%ED%8A%B8
'Dev > 이야기' 카테고리의 다른 글
| 찾았다! 브런치 RSS (0) | 2021.03.17 |
|---|---|
| [웹퍼블리싱] 유지보수를 고려한 퍼블리싱 기법 (0) | 2021.03.17 |
| 신입 개발자가 알면 좋을 크롬 개발자 도구 (0) | 2021.03.17 |
| 소규모 스타트업이 Firebase를 써야 하는 이유 (0) | 2021.03.17 |
| 저희는 이렇게 개발하고 있습니다. - 프로세스 편 (0) | 2021.03.17 |
