당신은 주제를 찾고 있습니까 “코딩 폰트 추천 – 혼자 공부하는 파이썬 3강 – 코딩 전용 폰트“? 다음 카테고리의 웹사이트 ppa.maxfit.vn 에서 귀하의 모든 질문에 답변해 드립니다: https://ppa.maxfit.vn/blog. 바로 아래에서 답을 찾을 수 있습니다. 작성자 윤인성 이(가) 작성한 기사에는 조회수 45,626회 및 좋아요 518개 개의 좋아요가 있습니다.
- Source Code Pro. Source Code Pro 다운로드 페이지
- Monaco. …
- ProFont. …
- Bitstream Vera Sans Mono. …
- Anonymous Pro. …
- Inconsolata. …
- Hermit. …
- Edlo.
코딩 폰트 추천 주제에 대한 동영상 보기
여기에서 이 주제에 대한 비디오를 시청하십시오. 주의 깊게 살펴보고 읽고 있는 내용에 대한 피드백을 제공하세요!
d여기에서 혼자 공부하는 파이썬 3강 – 코딩 전용 폰트 – 코딩 폰트 추천 주제에 대한 세부정보를 참조하세요
책을 보시면 훨씬 더 많은 내용(IDLE에 폰트 설정, 명령 프롬프트에 폰트 설정 등)이 있습니다. 참고해보시면 좋을 것 같습니다…!
강의에서는 Visual Studio Code에서 쿵짝쿵짝 다 하기 때문에 Visual Studio Code에 적용하는 내용만 다루었습니다.
코딩 폰트 추천 주제에 대한 자세한 내용은 여기를 참조하세요.
코딩용, 프로그래밍용 폰트(글꼴) 추천 / The Best Font Family …
코딩용, 프로그래밍용 폰트(글꼴) 추천 / The Best Font Family for Programming · docs.microsoft.com/ko-kr/typography/font-list/consolas.
Source: sysout.tistory.com
Date Published: 9/23/2022
View: 2744
코딩하기 편한 폰트는 무엇일까? – 브런치
물론 책이나 게시물을 읽을 경우에는 가변폭 폰트가 좀 더 조화로울 수 있겠으나 코딩용 폰트는 조화보다는 가독성과 정확성이 중요하기 때문에 고정폭 …
Source: brunch.co.kr
Date Published: 3/12/2022
View: 5441
코딩 폰트, 글꼴 추천
1. Fira Code · 2. DejaVu Sans Mono · 3. Source Code Pro · 4. Inconsolata-g · 5. Menlo · 6. Ubuntu Mono · 7. Anonymous Pro · 8. Input.
Source: cpro95.tistory.com
Date Published: 3/22/2022
View: 5386
최고의 프로그래밍 폰트는? – Eric Han’s IT Blog
Consolas만 사용했었는데 IBM Plex Mono로 변경해보니 인식률이 훨씬 나은 것 같네요. 한글 사이즈도 마음에 들고요. 코딩 속도 향상에 도움이 될 것 …
Source: futurecreator.github.io
Date Published: 10/16/2021
View: 2083
개발용 글꼴 (코딩용 폰트) 추천 리스트 – dapucita’s blog
개발용 글꼴 (코딩용 폰트) 추천 리스트 … 네이버에서 만든 D2코딩입니다. D2 Coding 글꼴은 나눔바른고딕을 바탕으로 개발자의 코딩을 위해 가독성 및 …
Source: blog.dapucita.kr
Date Published: 8/15/2021
View: 1496
쾌적한 코딩을 위한, 코딩용 폰트 | ㅍㅍㅅㅅ
이 글은 「코딩 폰트 디자인기, Mono」와 함께 읽으면 더욱 … 또한 작은 크기로 볼 때도 각 문자의 특성이 충분히 나타나 추천할만한 폰트입니다.
Source: ppss.kr
Date Published: 7/24/2021
View: 5094
코딩 폰트 추천 – 블로그
코딩 폰트 추천 … 코딩할 때 사용하는 폰트는 가독성이 가장 중요하다. … 나는 기본 폰트를 JetBrains Mono로 하고, Fallback (한글) 폰트를 …
Source: blog.naver.com
Date Published: 5/3/2022
View: 9216
코딩을 위한 최적의 폰트 Naver D2Coding Font – UX 공작소
Naver D2 coding font는 한글, 영문자 및 확장자 332자에 대해 지원하고 있고 한자는 포함되어 있지 않다고 합니다. 설치하기. 먼저 다운로드 사이트로 …
Source: ux.stories.pe.kr
Date Published: 8/29/2021
View: 4568
코딩용 폰트 추천
코딩용 폰트란: 고정 폭 글꼴을 기반으로 숫자, 영문자, 특수기호를 쉽게 구분할 수 있게 가독성을 강화한 폰트입니다. · 코딩용 폰트 추천 : · 코딩글꼴 …
Source: kilbong0508.tistory.com
Date Published: 1/2/2021
View: 1114
주제와 관련된 이미지 코딩 폰트 추천
주제와 관련된 더 많은 사진을 참조하십시오 혼자 공부하는 파이썬 3강 – 코딩 전용 폰트. 댓글에서 더 많은 관련 이미지를 보거나 필요한 경우 더 많은 관련 기사를 볼 수 있습니다.
주제에 대한 기사 평가 코딩 폰트 추천
- Author: 윤인성
- Views: 조회수 45,626회
- Likes: 좋아요 518개
- Date Published: 2019. 6. 9.
- Video Url link: https://www.youtube.com/watch?v=wschYuRvtP8
최고의 무료 코딩 글꼴 21선 (개발 폰트/프로그래밍 글꼴)
“가독성”, “고정 폭”, “1”, “i”, “l”, “o”, “0”, “O”
1. Source Code Pro
2. Monaco
3. ProFont
4. Bitstream Vera Sans Mono
5. Anonymous Pro
6. Inconsolata
7. Hermit
8. Edlo
9. Meslo
10. PT Mono
11. Envy Code
12. Ubuntu Mono
13. Liberation Mono
14. Fantasque Sans Mono
15. Droid Sans Mono
16. Consolas Mono
17. Drucifer Monospace
18. BPmono
19. DejaVu
20. Fira Mono
21. D2 Coding
소프트웨어 개발자에게 글꼴은 가독성을 위해서 필수 설정 항목이다.툴의 초기 설정된 글꼴이 나쁜건 아니지만 본인에게 맞는 글꼴 선택하나로 모니터로 들어 갈듯한 당신의 자라 목 자세를 조금은 해소해 줄 것이다.”왜 글꼴이 중요하냐?”라고 생각되면 옆 개발자에게 물어봐라.(간략하게 이런 단어가 나올 것이다.
코딩용, 프로그래밍용 폰트(글꼴) 추천 / The Best Font Family for Programming
나는 왠지 모르겠지만 어렸을 때 부터 화면 글꼴에 관심이 많았다. TMI – 폴더폰을 쓰던 시절, 유료 글꼴을 2주간 무료로 쓸 수 있게 해 주는 이벤트가 있었는데 그 때마다 부지런히 바꾸곤 했다. 지금도 카카오톡 글씨체를 종종 바꾼다.
아무튼 코딩용 폰트도 많이 알아본 편이었고 그 중 내가 맘에 든 폰트를 몇 개 추천하고 싶어서 정리해봤다.
1. Consolas
가장 많이 쓰고, 기본적으로 쓰이는 폰트이다. 많은 에디터/블로그에서 이 폰트를 기본 폰트로 채택한다. 구관이 명관이라고 (?) 다른 폰트를 쓰다가 자꾸만 돌아가게 된다.
Sometimes the basic is the best.
docs.microsoft.com/ko-kr/typography/font-list/consolas
2. Hack
내가 한 때 좋아했던 폰트. Windows로 Mac 감성을 낼 수 있다. 🍎
It makes me feel using Apple device!
sourcefoundry.org/hack/
3. IBM Plex Mono
💘💘요즘 내 최애 폰트!
우연히 한 프로그래밍 포럼?에서 접했는데, 너무 예뻐서 바로 쓰고 있다. 글씨도 적당히 얇고 예쁘다.
My favorit font style!
www.ibm.com/plex/
4. D2 Coding
네이버에서 만든 폰트이다. 개인적으로 한글+영문 같이 있는 코딩용 폰트 중에는 원탑이라고 생각한다. (한글+영문을 섞어서 프로그램을 짰을 때 제일 잘 어우러진다.)
Korean-oriented font style
github.com/naver/d2codingfont
코딩하기 편한 폰트는 무엇일까?
개발은 장비빨이다 – 폰트 편
개발자이거나, 개발자를 꿈꾸는 학생이거나,
코딩을 한 줄이라도 해본 사람들에게 질문을 하나 던져보겠습니다.
코딩하는데 폰트가 얼마나 중요하다고 생각하시나요?
여러분들은 코딩을 처음 접했을 땐 어떤 IDE였나요?
notepad? wordpad? eclipse? 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 같은 헷갈리는 문자들의 구분도 명확하지 않습니다.
폭도 가변적이라 가독성이 떨어지는 것을 확인할 수 있습니다.
아래 소개할 코딩용 폰트들은 확실히 다른 느낌을 받을 것입니다.
1. 나눔 고딕 코딩
나눔 고딕 코딩체는 2008년 발표된 나눔 고딕을 바탕으로 개발자들의 코딩 환경에 최적화시킨 글꼴입니다.
한국 기업인 네이버에서 만든 폰트여서 한글에 최적화되어있지만 글씨가 얇고 줄 간격이 좁아 가독성이 떨어지는 편 입니다.
2. D2 Coding
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
오픈 슬랙 채널에서 소통해요!
잡담 / 개발 문화 / 일하는 방식 / 정보 공유 / 채용 문의 / 프로젝트 문의 등 어떠한 소통도 환영합니다 🙂
오픈 슬랙 채널에 참여하기⬇️
https://join.slack.com/t/secondspace-open/shared_invite/zt-19q85dgid-6TCjbezQs4TTafBwT4BxAQ
written by. 세컨드스페이스
https://secondspace.kr
드리프트의 코-자-경(코딩, 자동차, 경제)
728×170
개발자나 혹은 취미로 개발하는 분들 포함하여 큰 모니터나 작은 노트북 화면을 사용하는 분들 모두 글꼴, 폰트에 민감할 수 밖에 없는데요.
되도록이면 예쁜 글꼴이나 폰트를 선호하게 됩니다.
개발자라면 당연히 모노스페이스 (mono space) 폰트(글꼴)를 쓰실텐데, 괜찮은 폰트 (글꼴)을 소개 할려고 합니다.
객관적인 장단점및 필자의 개인적인 사견도 있습니다. 참고하여 보시기 바랍니다^^
1. Fira Code
저번에 잠시 소개드렸던 폰트입니다.
장점 : 이퀄 연산자, 애로우 펑션이 멋있는 폰트
단점 : 폰트 간격이 넓고, 글 간격이 조금 넓다.
공식 홈페이지 : https://github.com/tonsky/FiraCode
2. DejaVu Sans Mono
장점 : 유사한 글자를 명확하게 구분 가능, I(대문자 I), 1(숫자 1), l(소문자 L), O(대문자 O), 0(숫자)
단점 : 글자 사이즈 12에서 굵은 텍스트가 서로 겹쳐 보여 가독성이 떨어짐.
공식 홈페이지 : https://dejavu-fonts.github.io/
3. Source Code Pro
장점 : 높은 가독성, 일정한 너비, 다양한 종류의 브라켓 등
단점 : 12pt 사이즈 및 일반 두께에서 대문자가 정수 숫자보다 커서 16진수 숫자가 이상하게 보일수 있음.
공식 홈페이지 : https://github.com/adobe-fonts/source-code-pro
4. Inconsolata-g
장점 : 프로 오픈소스, 숫자 1과 소문사 L 의 구분이 확실
단점 : 안 예쁘다
공식 홈페이지 : https://leonardo-m.livejournal.com/77079.html
5. Menlo
장점 : 뛰어난 가독성, 숫자 0에 슬래시가 있어 영어 O와 잘 구별 가능
단점 : 글자 크기 16에서 너무 넓어 보이며, 가독성에 문제 발생.
공식 홈페이지 : https://github.com/hbin/top-programming-fonts/blob/master/Menlo-Regular.ttf
6. Ubuntu Mono
장점 : 뛰어난 가독성, 두께, 간격을 잘 조정하면 처음부터 글자나 단어가 아주 잘 보임
단점 : 폰트 기본 크기가 작음, 13pt가 다른 폰트의 10pt 같음.
공식 홈페이지 : https://design.ubuntu.com/font/
7. Anonymous Pro
장점 : 숫자 렌더링에 있어 최고
단점 : 소문자 L과 대문자 i 가 비슷 (예: Illegal)
공식 홈페이지 : https://www.marksimonson.com/fonts/view/anonymous-pro
8. Input
장점 : 높은 가변성, Preview를 통해 온라인으로 너비, 두께, 줄 높이 및 대체 문자를 지정할 수 있음.
단점 : 오픈 소스가 아님
공식 홈페이지 : Input: Fonts for Code (fontbureau.com)
9. Hack
장점 : 높은 가독성
단점 : DejaVu와 비슷, 간혹 소문자 i와 소문자 L 구분 어려움
공식 홈페이지 : https://github.com/source-foundry/Hack
10. losevka
장점 : 읽기가 편함, 모든 화면에서 모든 크기에서 매우 명확하게 읽을 수 있음.
단점 : 폭 간격이 너무 좁다.
공식 홈페이지 : Iosevka (typeof.net)
11 . M+ 1m
장점 : 5가지 굵기 가능 (Thin, Light, Regular, Medium, Bold)
단점 : 폭이 가장 좁다.
공식 홈페이지 : M+ 1m Font Free by M+ Fonts | Font Squirrel
12. Consolas
장점 : 너무 산만하지 않는 글자 모양이 보기가 좋다.
단점 : 글자 높이 변경이 급격한 모습을 보인다.
공식 홈페이지 : MS Windows 에 기본 포함
13. Monaco
장점 : Consolas의 렌더링과 비슷하지만 약간 더 장난스러운 모습
단점 : Mac OSX에만 제공됨.
공식 홈페이지 : Mac OSX에 기본 제공
14. PT Mono
장점 : 숫자 0과 대문자 L이 구분이 쉽고, 특히 숫자가 쉽게 구별됨
단점 : 그리스 문자가 없음.
공식 홈페이지 : https://fonts.google.com/specimen/PT+Mono
15. Envy Code R
장점 : 폭이 상당히 좁지만 글자가 읽기 편안함
단점 : 러시아인에게 문제가 됨, 키릴(Cyrillic) 글자가 없음.
공식 홈페이지 : https://damieng.com/blog/2008/05/26/envy-code-r-preview-7-coding-font-released
이상 코딩 및 프로그래밍에 좋은 폰트, 글꼴을 알아 보았습니다.
각각의 장단점이 다양하지만 무엇보다 본인에게 편한 폰트 글꼴이 최고겠죠?
그리드형
개발용 글꼴 (코딩용 폰트) 추천 리스트
D2Coding
https://github.com/naver/d2codingfont
네이버에서 만든 D2코딩입니다.
D2 Coding 글꼴은 나눔바른고딕을 바탕으로 개발자의 코딩을 위해 가독성 및 유사 문자간 변별력 뿐만 아니라 디자인적으로 한글과의 조화를 고려해 최적화시킨 글꼴입니다. D2 Coding 글꼴은 코딩시 유사한 형태의 영문/숫자 뿐만 아니라 한글/특수문자 등에 대한 변별력과 가독성을 강화하였습니다. 또한 고정폭 글꼴로 제작이 되어 어떤 개발환경에서도 자간과 행간을 유지하도록 디자인되어 있습니다.
D2 코딩 글꼴은 ligatures 지원도 되는 폰트입니다.
네이버 나눔고딕 코딩
https://github.com/naver/nanumfont
나눔고딕을 기반으로 만들어진 고정폭 글꼴입니다.
현재는 업데이트가 이루어지지 않고 있으며 D2 Coding으로 대체되었습니다.
나눔고딕코딩체는 지난 2008년 10월 9일 발표된 나눔고딕을 바탕으로 개발자들의 코딩 환경에 최적화시킨 글꼴입니다. 개발자들이 프로그램을 개발할 때에는 소스코드 편집이라는 과정을 대부분 필수적으로 거치는데 여기서는 단 한글자만 틀리더라도 프로그램이 완전히 다르게 동작하거나, 심지어는 오류를 내는 경우도 비일비재하지요. 대부분은 프로그램 자체가 잘못 작성되어서이지만, 소스 코드 편집 화면상 눈으로 쉽게 구별되지 않는 문자들 때문에도 많은 오류가 발생합니다.
예를 들어 알파벳 대문자 아이(I)와 알파벳 소문자 엘(l)과 숫자 1은 글꼴에 따라서 모두 비슷비슷하게 보이는 경우가 많은데 이 나눔고딕코딩체에서는 이렇게 혼동될 수 있는 문자들을 모두 육안으로 쉽게 구별할 수 있도록 디자인하여 개발자들의 혼동을 최소화하였습니다. 또한 개발자들이 이용하는 각종 편집기 프로그램이나 터미널용 프로그램에서 글꼴을 문제없이 이용할 수 있도록, 글꼴에 포함된 글자들의 폭이 모두 일정한 고정폭 형태를 채택하였다는 점도 특징입니다.
Fixedsys Excelsior 3.00
http://www.fixedsysexcelsior.com/
비주얼스튜디오 6.0의 그것입니다.
둥근모꼴+Fixedsys
http://cactus.tistory.com/193
위의 Fixedsys 글꼴와 둥근모꼴을 합친 버전입니다.
90년대 PC통신에서 쓰였고, 코레일 전광판에서도 쓰이는 글꼴이다. 구하려고 찾아보니 원본 비트맵 글꼴만 있고 제대로 벡터로 변환된 건 보이지도 않고 변환 방법도 몰라서 포기하고 있다가, 인터넷에 어느 분이 제대로 변환하지 않은 웹폰트를 배포한 걸 그제야 보고 가져와서 글꼴 오류를 해결하고, 도안 위치를 16px에서 또렷이 보이게끔 옮기고 자모도 쓸 만하게 적절히 고쳐 다듬었다. 한글을 제외한 문자는 둥근모꼴과 어울리지 않아서 DOS 기본 글꼴인 Fixedsys와 붙여 서로 위화감을 줄였다. 이 글꼴은 이렇듯 고전 느낌을 내기에 적당하다.
Fixedsys Excelsior font with programming ligatures
https://github.com/kika/fixedsys
위의 Fixedsys 글꼴에 ligatures를 지원하도록 수정된 버전입니다.
Hack
https://sourcefoundry.org/hack/
Hasklig
https://github.com/i-tu/Hasklig
Ligatures를 지원합니다.
Fira Code
https://github.com/tonsky/FiraCode
마찬가지로 Ligatures를 지원합니다.
Mononoki
https://madmalik.github.io/mononoki/
프로그래밍과 코드 리뷰를 위한 글꼴이라는 소개입니다.
Consolas
https://www.microsoft.com/en-us/download/details.aspx?id=17879
Consolas Font Pack for Microsoft Visual Studio 2005 or 2008 라는 이름으로 마이크로소프트에서 제공중인 글꼴입니다.
쾌적한 코딩을 위한, 코딩용 폰트
※ 이 글은 「코딩 폰트 디자인기, Monoid」와 함께 읽으면 더욱 좋습니다.
‘코딩하는 디자이너’ ‘코딩 교육 열풍’ 등 코딩을 향한 열기가 뜨겁습니다. 디자이너부터 어린이까지 코딩에 관심이 커지고 전문 프로그래머뿐 아니라 누구나 코딩을 할 수 있다는 ‘생활코딩’까지 코딩 대중화의 시대입니다. 이번 글에서는 쾌적한 코딩을 위한 텍스트 에디터에 사용하는 코딩 전용 폰트를 알아보려고 합니다.
코딩 폰트는 왜 필요할까요?
코딩할 때는 우리가 자주 사용하는 MS워드나 한글과는 조금 다른 폰트를 사용합니다. 우리가 작성하는 모든 것들을 문서라고 한다면 워드프로세서로 작성해 출력한 문서, 블로그 포스팅, SNS의 짧은 글 같은 문서들은 사람이 사람에게 전하는 말입니다.
하지만 코딩은 사람이 컴퓨터에게 전하는 말과 같습니다. 그래서 복잡한 프로그래밍 언어를 통해서 전달하는 것이지요. 그리고 사람은 맥락과 상황을 통해 ‘이렇게’ 말해도 ‘저렇게’ 이해할 수 있지만 컴퓨터에게는 반드시 컴퓨터가 알 수 있는 언어와 문법으로 말해줘야 합니다.
이렇게 정확하고 엄격한 말(명령)을 전달하는 데 코딩 폰트가 매우 중요합니다. 복잡한 문법 속에서 길을 잃지 않도록 가독성이 뛰어나야 합니다. 비슷한 문자끼리 혼동되지 않도록 각 문자는 명확히 구별되어야 합니다. 사람 사이의 문서에는 많이 사용하지 않는 기호도 많이 사용하므로 기호 또한 정확하게 표현되어야 합니다.
코딩 폰트는 고정폭
뚜렷한 가독성을 위해 코딩 폰트는 모두 고정폭입니다. 사실 고정폭 폰트는 과거 인쇄술 초창기의 타자기에서 유래한 것으로 서로 다른 넓이를 가진 문자끼리 겹치지 않고 정확히 타이핑하기 위해 등장했습니다.
위 그림에서 상단은 일반 폰트(맑은 고딕)이고 하단은 코딩폰트(D2 Coding)입니다. 글자 뒤에 있는 상자의 넓이를 보면 일반 폰트는 각 문자의 모양에 따라 가변적이지만 코딩 폰트는 문자에 상관없이 넓이가 같습니다. 공백이나 물음표(?) 같은 특수문자도 같으며 한글은 정확히 2배의 넓이입니다. 일반 폰트는 문자와 단어, 문장 사이의 조화와 아름다움을 위해 문자와 상황에 알맞은 넓이로 표현됩니다. 반면 코딩 폰트는 조화보다는 가독성과 정확성을 위해 고정된 폭으로 표현합니다.
특히 코딩에 있어 일관성 있는 공백(space)과 탭(tab)은 매우 중요합니다. 작성하는 사람이 읽기 쉬울 뿐 아니라 공백이나 탭 자체가 문법인 경우도 있습니다. 코드를 작성했을 때, 일반 폰트처럼 가변적으로 폭이 적용된다면, 여러 줄의 코드를 읽기 어렵고, 정리도 쉽지 않을 것입니다.
윈도우 기본 폰트인 굴림과 돋움을 잘 아실 겁니다. 그런데 폰트를 설정하다 보면 ‘굴림’과 ‘굴림체’, ‘돋움’과 ‘돋움체’를 각각 선택할 수 있습니다. 시스템 오류나 혼용이 아닙니다. 각각 문서에서 적용했을 때 미묘하게 다른 분위기인데 이 이 둘은 엄연히 다른 폰트입니다. ~체가 붙은 폰트가 앞서 말한 고정폭 폰트입니다. 반대로 ~체가 붙지 않는 폰트는 가변폭입니다. 즉 좋은 코딩 폰트가 없다면 ‘굴림체’나 ‘돋움체’를 사용하는 것도 좋은 방법입니다.
코딩을 도와주는 코딩 폰트
코딩 폰트의 가독성과 정확성은 무엇을 말하는 걸까요. 위 그림을 보면 상단은 일반 폰트(맑은 고딕)이고, 하단은 코딩 폰트(D2 coding)입니다. 같은 문자를 차례대로 쓴 것인데, 순서대로 숫자 1, 소문자 l(엘), 대문자 I(아이), 특수기호 |(pipe), 한글 자음 ㅣ(이) 입니다. 일반 폰트에서 숫자 1은 폰트의 특성상 구분이 되지만 나머지 문자는 서로 구분해내기 어렵습니다. 사람의 눈에는 비슷해 보이는 l과 I를 컴퓨터는 명확히 구분합니다.
실수로 잘못 입력한 값을 서로 구별이 되지 않는다면? 컴퓨터는 명령을 거부하고 코딩하는 사람은 힘들어지겠지요. 하지만 하단과 같은 코딩 폰트를 쓴다면 사람의 눈으로도 명확히 구분되므로 실수를 줄일 수 있습니다. 코딩 상의 실수를 줄여주고, 실수를 쉽게 찾을 수 있게 만들어주는 것이 코딩 폰트의 역할입니다.
코딩 폰트 사용기
그럼 어떤 코딩 폰트를 사용해야 할까요? 고정폭이라 비슷해 보이는 폰트들도 각자의 특성이 있어 사용자의 취향에 따라 달라질 수 있습니다. ‘코딩 폰트’ 등으로 검색하면 꽤 많은 폰트가 등장합니다. 어떤 폰트를 사용해야 할까요? 어떤 기준으로 선택해야 할까요? 아래는 각 폰트를 실제 코딩에 사용해보고 느낀 점을 정리한 것입니다.
Courier New
Courier New는 윈도우에 기본으로 설치된 폰트로 대표적인 고정폭 폰트입니다. 과거 DOS의 기본 폰트인 Courier를 개선한 폰트이며, 텍스트 에디터나 콘솔 프로그램들이 기본 폰트로 지정해 놓은 경우가 많습니다.
하지만 한글을 포함하지 않아 한글은 굴림체나 돋움체로 표현합니다. 이 둘 간의 높이와 획 굵기 등이 많이 달라 서로 이질감이 느껴집니다. 특히 작은 크기로 볼 때는 이 둘 사이의 이질감이 커서 가독성이 떨어져 불편했습니다.
Dejavu Sans Mono
Dejavu는 고정폭 폰트뿐 아니라 다양한 폰트 군이 있습니다. 그중 Mono가 고정폭을 가진 폰트입니다. 기본 폰트에 비해 부드럽고 섬세해 눈의 피로가 적었습니다. 또한 작은 크기로 볼 때도 각 문자의 특성이 충분히 나타나 추천할만한 폰트입니다.
다만 한글 서체는 포함하지 않아 각 시스템의 기본 서체로 출력되는데 에디터마다 그 비율이 다르게 표현되어 불편한 점이 있었습니다.
Bitstream Vera Sans Mono
Dejavu와 외관상 차이는 없습니다. 하지만 한글과의 조화가 좋아서 꽤 오래 사용한 폰트입니다. 특히 한글 자음을 홀로 사용할 경우에도 균형 있게 표현되어 추천할만한 폰트입니다. 오랜 기간 함께 했던 폰트이기도 합니다.
Hack
Hack은 그 이름에서도 알 수 있듯이 오직 코딩을 위해서 개발된 폰트입니다. 폰트의 소개를 살펴보면 Dejavu와 Bitstream Vera을 기반으로 새롭게 디자인했다고 합니다. Hack의 특징은 특수 기호에서 잘 나타납니다. 특히 코딩에서 매우 자주 사용되는 콤마(,)와 세미콜론(;)의 표현이 개성 있는데, Bitstream에 비해 콤마의 끝이 더 안쪽으로 구부러져 구두점(.)이나 콜론(:)과 더욱 뚜렷한 차이를 보입니다. 작은 크기의 폰트로 코딩하면 콤마 대신 구두점을 찍는 실수를 하는 적이 많은데 이를 방지해 주는 세심한 폰트입니다.
설치형뿐 아니라 웹페이지에서 쓰일 수 있도록 웹 폰트 CDN(저장소)도 제공합니다.
나눔고딕코딩
잘 알려진 오픈 소스 폰트인 나눔 서체의 코딩 전용 폰트입니다. 위의 여러 폰트와는 달리 국내 기업에서 개발했기 때문에 한글을 기본으로 지원합니다. 에디터 적용해 보면 상대적으로 날씬한 느낌을 주며 분위기는 Courier와 비슷합니다.
한글과의 균형이 좋고, 표현의 문제가 없는 점은 매우 강점이지만, 폰트의 굵기가 가늘어 가독성이 다소 떨어지고 각 문자가 서로 달라붙어 있는 느낌이 들어 눈이 피로했습니다.
D2 Coding
네이버에서 출시한 코딩 폰트로 위의 나눔고딕코딩을 개선한 디자인입니다. 상대적으로 굵어진 획은 각 문자를 더욱 뚜렷하게 보여줍니다. 영문자, 특수기호의 스타일이 크게 변화해 기존 나눔고딕코딩보다는 Hack에 가깝게 보입니다.
이미 우수했던 한글과의 조화도 더욱 좋아졌습니다. Hack과 나눔고딕의 장점을 두루 갖춘 폰트이라고 생각합니다. 웹폰트나 CDN은 제공하지 않지만, 설치형 폰트만으로도 충분히 써볼 만한 가치가 있어 추천하는 폰트입니다.
더 알고 싶다면
앞서 소개한 폰트 외에 더 많은 폰트를 보고 싶다면 「What are the best programming fonts?」를 참고하시기 바랍니다. 현재 전 세계의 코더가 사랑하는 코딩 폰트들을 모아두었습니다. 어도비(Adobe)에서 배포하는 Source Code Pro, 리눅스 우분투(Ubuntu)에 쓰이는 Ubuntu Mono, 맥용 폰트인 Monaco, Melo는 물론 안드로이드 기기에 쓰이는 Droid Sans Mono 등 다양한 폰트와 소개, 다운로드 링크를 제공합니다.
무에서 유를 창조하는 코딩은 매우 즐겁고 창의적인 활동입니다. 이런 코딩을 더욱 즐겁고 편하게 해주는 것이 바로 코딩 폰트가 아닐까요. 무엇을 만드느냐도 중요하지만, 무엇으로 만드느냐도 중요합니다. 읽기 어렵고 다루기 어려운 기본 서체보다는 무료로 배포하는 코딩 전용 폰트를 설치해 보시고 즐거운 코딩을 하기 바랍니다.
원문: 슬로워크
참고
코딩 폰트 추천
악성코드가 포함되어 있는 파일입니다.
{FILENAME}
백신 프로그램으로 치료하신 후 다시 첨부하시거나, 치료가 어려우시면
파일을 삭제하시기 바랍니다.
고객님의 PC가 악성코드에 감염될 경우 시스템성능 저하,
개인정보 유출등의 피해를 입을 수 있으니 주의하시기 바랍니다.
코딩을 위한 최적의 폰트 Naver D2Coding Font
반응형
한국의 개발자인 경우 코딩을 할때 한번쯤 고민했던 부분이 있을 것입니다. 오로지 영문으로만 코딩을 하는 경우 Consolas , Courier New 같은 영문 코딩폰트를 사용하면 되지만 한글이 섞여 버리면 글자의 미세한 차이 때문에 코딩하기가 여간 찜찜한 것이 아닙니다. 자간도 밀리고 폰트도 이쁘지 않고 크기도 안맞고..
기존에는 Hack 이라는 오픈소스 폰트를 사용했었는데, 지금은 아무래도 한글에 대해서 잘 알고 개발한 네이버의 개발 전용 폰트, D2Coding Font 을 사용하고 있습니다.
한글 코딩 폰트라고 하면 일단 특수문자, 숫자, 영문, 국문에 대해서 가독성이 좋아야 하고 글자의 폭도 동일하게 고정되어 있어야 합니다.
Naver D2 coding font는 한글, 영문자 및 확장자 332자에 대해 지원하고 있고 한자는 포함되어 있지 않다고 합니다.
설치하기
먼저 다운로드 사이트로 이동합니다.
폰트를 github으로 배포하고있네요. 다운로드 메뉴에서 버전정보를 클릭합니다.
폰트를 수정할게 아니면 소스는 필요없고 결과물만 다운로드 받으면 됩니다.
결과물 압축파일을 클릭하여 다운로드 받습니다.
압축을 해제하면 3개의 폴더가 있습니다.
기본폰트 세트입니다. 모든것이 다 포함되어 있는 전체 폰트입니다. Liagature(합자)가 포함되어 있는 폰트입니다.
Liagature(합자)란?
Liagature(합자)는 개발자들이 주로 사용하는 문자 형식인 a<=b , a>=b , a == b , a === b , a!=b 이런 문자를 유니크한 특별한 문자로 대체해서 보여주는 것을 말합니다.
폰트 설치는 해당 폰트파일에서 마우스 오른 클릭해서 나오는 메뉴 중에서 모든 사용자용으로 설치를 선택하면 설치가 됩니다.
VS Code에서 설정하기
저는 개발 에디터로 VScode를 주로 사용합니다. 이 에디터의 환경설정에서 폰트를 지정해 줘야 합니다. 위의 과정으로 내 PC에는 D2 Coding font 가 설치되어 있다는 가정입니다.
먼저 VS Code를 엽니다.
파일 메뉴를 선택합니다. 기본 설정을 선택합니다. 설정을 선택합니다. 텍스트 편집기 > 글꼴 항목을 찾습니다. Font Family의 입력칸의 가장 앞쪽에 D2Coding ligature 입력합니다. ligature(합자)를 사용하지 안는다면 D2Coding 를 입력하시면 됩니다.
D2Coding ligature 설정하기
글꼴의 ligature 를 설정하기는 이 화면에서 할 수 없고 setting.json 에서 텍스트로 수동으로 설정해야 합니다.
setting.json에서 편집 버튼을 클릭합니다.
위의 그림처럼 “editor.fontLigatures”: true 를 true 로 지정하면 됩니다.
적용된 모습
위와 같이 Before와 After의 모습을 볼 수 있습니다. 디자이너의 눈을 가지고 있는 민감한 개발자라면 한눈에 차이를 알아 볼 수 있을 것입니다.
라이선스
Naver d2codingfont 웹사이트에서 참고했습니다.
‘누구나 사용’할 수 있고 또 OFL 라이센스 하에서 ‘누구나 재배포’ 하실 수 있습니다.
D2 Coding 글꼴은 OFL(Open Font License)이라는 국제적으로 인정받는 공개 글꼴을 위한 라이센스를 채택하여 사용에 대한 제약을 없앰과 동시에 재배포에 대한 제약도 획기적으로 완화하여, 이 라이센스를 명시하기만 하면 다른 프로그램(상용 프로그램 포함)에 이 개발자용 D2 Coding 글꼴을 포함하여 재배포하는 것도 허용합니다.
728×90
취미로 시작하는 웹코딩
반응형
코딩용 폰트란:
고정 폭 글꼴을 기반으로 숫자, 영문자, 특수기호를 쉽게 구분할 수 있게 가독성을 강화한 폰트입니다.
코딩용 폰트 추천 :
1. D2coding : github.com/naver/d2codingfont
한글, 한자, 일본어, ligatures 지원
2. Hack : github.com/source-foundry/Hack
3. JetBrains Mono : github.com/JetBrains/JetBrainsMono
consolas보다 가독성이 좋다고 한다.
코딩글꼴 설정 :
vs code :
[Command + , ] -> 오른쪽 위 부분에 Open Settings.jason을 클릭후 수정반응형
키워드에 대한 정보 코딩 폰트 추천
다음은 Bing에서 코딩 폰트 추천 주제에 대한 검색 결과입니다. 필요한 경우 더 읽을 수 있습니다.
이 기사는 인터넷의 다양한 출처에서 편집되었습니다. 이 기사가 유용했기를 바랍니다. 이 기사가 유용하다고 생각되면 공유하십시오. 매우 감사합니다!
사람들이 주제에 대해 자주 검색하는 키워드 혼자 공부하는 파이썬 3강 – 코딩 전용 폰트
- 동영상
- 공유
- 카메라폰
- 동영상폰
- 무료
- 올리기
혼자 #공부하는 #파이썬 #3강 #- #코딩 #전용 #폰트
YouTube에서 코딩 폰트 추천 주제의 다른 동영상 보기
주제에 대한 기사를 시청해 주셔서 감사합니다 혼자 공부하는 파이썬 3강 – 코딩 전용 폰트 | 코딩 폰트 추천, 이 기사가 유용하다고 생각되면 공유하십시오, 매우 감사합니다.