반응형
m.logPrint() is working!
<eq> and <eqq> tags are rendered to MathJax format, being enclosed by \ ( \ ) and \ [ \ ].
docuK1 scripts started!
If this log is not closed automatically, there must be an error somewhere in your document or scripts.
Table of Contents is filled out.
Auto numberings of sections (div.sec>h2, div.subsec>h3, div.subsubsec>h4), <eqq> tags, and <figure> tags are done.
<cite> and <refer> tags are rendered to show bubble reference.
<codeprint> tags are printed to corresponding <pre> tags, only when the tags exist in the document.
Current styles (dark/bright mode, font-family, font-size, line-height) are shown.
disqus.js with id="disqus-js" is loaded.
kakao.js with id="kakao-js-sdk" is loaded.
New ShortKeys (T: Table of Contents, F: Forward Section, D: Previous Section, L: To 전체목록/[Lists]) are set.
m.delayPad=0;
m.wait=512;
wait 752ms.
<eq> and <eqq> tags are rendered to MathJax format, being enclosed by \ ( \ ) and \ [ \ ].
docuK1 scripts started!
If this log is not closed automatically, there must be an error somewhere in your document or scripts.
Table of Contents is filled out.
Auto numberings of sections (div.sec>h2, div.subsec>h3, div.subsubsec>h4), <eqq> tags, and <figure> tags are done.
<cite> and <refer> tags are rendered to show bubble reference.
<codeprint> tags are printed to corresponding <pre> tags, only when the tags exist in the document.
Current styles (dark/bright mode, font-family, font-size, line-height) are shown.
disqus.js with id="disqus-js" is loaded.
kakao.js with id="kakao-js-sdk" is loaded.
New ShortKeys (T: Table of Contents, F: Forward Section, D: Previous Section, L: To 전체목록/[Lists]) are set.
m.delayPad=0;
m.wait=512;
wait 752ms.







이 글이 도움이 되셨다면, 광고 클릭 한번씩만 부탁드립니다 =ㅂ=ㅋ. (If this article was helpful, please click the ad once. Thank you. ;)
Mode: Bright; Font: Noto Sans KR; font-size: 18.0px (10.0); line-height: 1.6;
width: 1280, height: 720, version: 3.1.1
dg:plink (Document Global Permanent Link): https://kipid.tistory.com/45
document.referrer: Empty
width: 1280, height: 720, version: 3.1.1
dg:plink (Document Global Permanent Link): https://kipid.tistory.com/45
document.referrer: Empty







괜찮은 에디터들 소개 및 추천 (Introducing/Recommending good code editors)
간단한 소개만 작성.
Table of Contents
T1.Sublime Text
▼ Show/Hide
구글 출신 개발자가 만든 멋있는 에디터
[01]
. (이거 제대로 만들려고 구글은 퇴사한듯 함. 2008년에 version 1 이 나온듯? Jon Skinner left his job as a software engineer at Google in order to pursue a dream: to build a better text editor. 그래서 Chrome 이랑 비슷했구나. 아마 Chrome browser 개발팀에 있었을듯한.)Ref. [01] Sublime Text
특히 HTML 편집할때 좋은듯. Emmet(Zen coding) plug-in 을 깔고 써야 더 좋음. 개인에 맞춰서 다양한 plug-in (package) 들을 깔아서 사용할 수 있음.
뭐 Vim editor 나 Emacs 등도 다 지원하는 기능들 같지만, 개인적으로는 이런식의 에디터를 처음 접한거라 신세계였음. 특히 Linux, Unix 에서만(?) 동작하는 듯한 Vim/Emacs 랑은 다르게 윈도우/맥 등의 OS 지원 및 멀티 기능 (창 여러개 띄운다거나 하는거, split layout :
Alt+Shift+2
같은 키로 동작) 이 잘 발달해 있는듯.Chrome browser 랑 비슷한 외관에 비슷한 UI (User Interface) 도 제공하고 (아예 새로 실행시켜서 browser 두 개 띄우고 안에는 또 tab 으로 여러개 페이지가 뜨고 하는 식으로도 동작), 특히나
Ctrl+D
with Ctrl+U
버튼으로 "Edits with Multiple Selections" 가 많은 자잘한 편집/수정들을 빠르게 도와주는듯.간단한 한글 소개 (+한글 인코딩/편집을 위한 plug-in 들까지) 는
[02]
와 그 안의 references 를 참고하시길. 공짜로 배포하긴 하지만, 계속 구매하라는 메세지가 뜨니 사용 후 만족하시면 구매도 생각해 보시길.Ref. [02] kipid's blog :: Sublime Text (editor) 소개, lastly updated at 2015-12-14
▲ Hide
T2.Atom.io
▼ Show/Hide
Atom.io (Input/Output)
[03]
.Ref. [03] Atom.io
최근 (2014-03) 에 새로나온 GitHub 가 만든 차세대 에디터 Atom.
아직 안써봐서 모르겠는데, "Sublime Text" 랑 비슷한듯 함. 간단한 한글 소개는
[04]
을 참고하시길. "아직 오픈소스가 아니고, 맥만 지원하고 , 자바스크립트 기반이라 느리다는 비난들도 있긴" 하다고.Ref. [04] Guru's blog - 구루의 기술뉴스 – GitHub가 만든 차세대 에디터 Atom 외 20건, 2014-03-03, by xguru
Lately edit : 최근 (2015-12) 에 설치해서 조금 사용해보긴 했는데... Copycat of "Sublime Text" 란 느낌이... Sublime text 자체가 vim 같은걸 copy 한거인데 내가 모르는걸수도? 아무튼 UI (Chrome 비슷한 형태, Go To Anything, Multiple cursors) 랑 단축키 등을 베낀듯한 느낌을 지울수가 없음.
뭐 더 좋기만 하다면 그럼에도 갈아타긴 할거 같은데... 아직은 sublime text 가 승이긴 한듯. 세부적인 UI 나 세세한 설정이 가능하다는 장점을 버릴수가 없음.
▲ Hide
T3.WebStorm
▼ Show/Hide
이놈도 엄청 좋다고 추천하시는 분이 있어서 우선 관련 링크만 모아봄. https://www.jetbrains.com/webstorm/ and [webStorm] 웹스톰 퀵 스타트 가이드 - 사용법
대충 광고 및 설명을 보면, html+js 쪽 편집에 좋은거 같고. 이 html+js 의 debugging 을 도와주는 기능이 많은듯??? Live Edit 이란놈도 매력인거 같고... 언제 한번 깔아서 써봐야겠음;;;
당장은 sublime 으로 개발을 좀 하고;;; 이거 배우는것도 시간/노력이 드니까.
▲ Hide
T4.Etc.
▼ Show/Hide
T4.1.Notepad++
윈도우의 notepad를 대체하는(?) 무료 에디터. 이것도 처음 써보고 너무 괜찮다고 생각했는데, 바로 "Sublime Text"를 접하면서 자주 안쓰게 된;;;;
이거 쓸 바에야 처음부터 Sublime text 나 atom.io 쓰세요.
T4.2.AcroSoft - AcroEdit
한국인 (김성동 씨) 이 예전에 만든, 무료로 배포 된 에디터. 개인이 만든거라서 현재 기준으로는 그다지 좋아 보이지 않지만, 예전에 잘 썼었던거라 간단히 소개만. (공짜로 썼었으니, 이런식으로라도 감사의 인사를;;;;;;)
T4.3.Eclipse, Visual Studio, ...
그 외 Java나 Android app 등을 만들 때는 Eclipse (무료?) 쓰는게 낫겠고, C++ 등으로 파일이 여러개인 프로젝트를 만든다면 Microsoft - Visual Studio (유료이지만, 학생이라면 Microsoft DreamSpark 를 통해서 무료로 얻을 수 있음. 대학교 메일로 학생인증을 거쳐야 함.) 를 쓰는것이 나을듯.
그런데 이런 프로그램들은 무거워서 그런지 너무 버벅이는게 단점 -ㅇ-;;; 내 컴퓨터가 안좋아서 그런가? 아이폰 앱은 어떤 에디터들로 작업하지?
▲ Hide
TRRA1.References and Related Articles
▼ Show/Hide
- Ref. [01] Sublime Text
- Ref. [02] kipid's blog :: Sublime Text (editor) 소개, lastly updated at 2015-12-14
- Ref. [03] Atom.io
- Ref. [04] Guru's blog - 구루의 기술뉴스 – GitHub가 만든 차세대 에디터 Atom 외 20건, 2014-03-03, by xguru
- Ref. [05] Notepad++
- Ref. [06] AcroSoft - AcroEdit
▲ Hide







이 글이 도움이 되셨다면, 광고 클릭 한번씩만 부탁드립니다 =ㅂ=ㅋ. (If this article was helpful, please click the ad once. Thank you. ;)
반응형
'[IT/Programming] > HTML related' 카테고리의 다른 글
Citing the references automatically in HTML (like LaTeX) (2) | 2019.03.04 |
---|---|
LaTeX(라텍스, 레이텍) 소개 및 설명서(Guide)들 (0) | 2019.03.04 |
CSS3 examples (0) | 2019.03.04 |
Delayed (Lazy) Loading in HTML by JavaScript (+jQuery) (0) | 2019.02.22 |
Cloud Server Services (eg. Amazon Web Services) (0) | 2019.02.22 |
HTTP Server-side Frameworks/Languages 뭘 써야할까? (0) | 2019.02.19 |
CSS Specificity or Priority (우선순위) (1) | 2019.02.19 |