게시판 즐겨찾기
편집
드래그 앤 드롭으로
즐겨찾기 아이콘 위치 수정이 가능합니다.
Sublime Text (code editor) 소개
게시물ID : programmer_6965짧은주소 복사하기
작성자 : Naaru★
추천 : 2
조회수 : 2227회
댓글수 : 4개
등록시간 : 2014/12/07 14:45:25
This document is rendered by docuK (See also github and SEE (Super Easy Edit)).

Sublime Text (editor) 소개

여러가지 다양하고 편리한 기능들을 제공하는 editor 
[01]
. 배우고 쓰는것도 좋지만, 쓰면서 배우고 익혀야 하는듯. 개인적으로는 portable로 까는걸 추천. 클라우드 같은곳에 올려놓으면 컴퓨터를 옮기더라도 설정을 그대로 사용할 수 있는듯.

Table of Contents

1.Package Control 설치

2.Preferences - Personal Settings

3.한글이 깨지는 문제 (Package - ConvertToUTF8)

4.Package - Emmet (ex-Zen coding)

References and Related Articles

Refs.1.Official

Refs.2.Introducing

Refs.3.Packages

Refs.4.Etc.

T1.Package Control 설치

▼ Show/Hide
여러 Package들을 쉽게 설치하도록 도와주는 plug-in. 가장 먼저 깔아놔야 하는 package 같음. 설치 방법은 매번 조금씩 바뀌는듯하니 
[02]
에서 확인하고 설치하시길. (이런건 기본적으로 깔려오면 좋으련만.)
▲ Hide

T2.Preferences - Personal Settings

▼ Show/Hide
개인적으로 쓰고 있는 setting 공개. 뭔가 대충만 공부해서 설정한거라 이상할듯도.
Settings - User:
On the left side of codes is there a hiden button to toggle/switch scrollability ({max-height:some} or {max-height:none}).
 
  1. {
    2.  
  2. 	"atomic_save": false,
    3.  
  3. 	"default_encoding": "UTF-8",
    4.  
  4. 	"detect_indentation": false,
    5.  
  5. 	"enable_hexadecimal_encoding": false,
    6.  
  6. 	"fade_fold_buttons": false,
    7.  
  7. 	"fallback_encoding": "UTF-8",
    8.  
  8. 	"font_face": "Malgun Gothic",
    9.  
  9. 	"font_size": 14,
    10.  
  10. 	"font_options":
    11.  
  11. 	[
    12.  
  12. 	],
    13.  
  13. 	"ignored_packages":
    14.  
  14. 	[
    15.  
  15. 		"Vintage"
    16.  
  16. 	],
    17.  
  17. 	"margin": 0,
    18.  
  18. 	"show_encoding": true,
    19.  
  19. 	"tab_completion": true,
    20.  
  20. 	"tab_size": 2,
    21.  
  21. 	"translate_tabs_to_spaces": false,
    22.  
  22. 	"trim_automatic_white_space": false,
    23.  
  23. 	"use_tab_stops": false,
    24.  
  24. 	"word_wrap": true
    25.  
  25. }
 
Key Bindings - User (이건 soft undo가 안먹히는 경우가 많아서 덮어씌운것): 
 
On the left side of codes is there a hiden button to toggle/switch scrollability ({max-height:some} or {max-height:none}).
 
 
  1. [
    2.  
  2. 	{ "keys": ["ctrl+u"], "command": "soft_undo" },
    3.  
  3. 	{ "keys": ["ctrl+shift+u"], "command": "soft_redo" }
    4.  
  4. ]
 
 
▲ Hide
 
 
 
 
T3.한글이 깨지는 문제 (Package - ConvertToUTF8)
 
▼ Show/Hide
 
 
기본적으로 한글이 지원이 안될텐데, "Package Control: Install Package"을 이용해서 "ConvertToUTF8"  
[09]
를 까시면 됩니다. ("EUC-kr" 같은 인코딩도 다 지원을 하는듯 하지만, 되도록이면 다국어가 지원되는 "UTF8" 인코딩을 사용합시다. 'UTF-8' 에서 한글은 3 bytes  
[12]
. 용량을 좀 더 쓰고 다국어 지원 및 빠른 인코딩 처리를 얻는식임.)
 
깔았는데도 안보이는 경우: Preferences - Settings-Default 에서 "font_face": "" 일텐데, 한글이 보이는/지원되는 font 가 아니라면 제대로 된 encoding 이라도 한글이 깨져보일 수 있는거 같네요. Settings - User 에서 "font_face": "Malgun Gothic" 같은걸로 바꾸시길... (맑은 고딕은 코딩에 적합한 폰트는 아닌듯 하지만;;;;)
 
 
▲ Hide
 
 
 
 
T4.Package - Emmet (ex-Zen coding)
 
▼ Show/Hide
 
 
HTML 편집할때, tag 자동 완성 등 coding을 획기적으로 도와주는 package  
[10]
.
 
 
▲ Hide
 
 
 
 
TReferences and Related Articles
 
 
TRefs.1Official
www.sublimetext.comsublime.wbond.net - installation #st3; Package Control 깔기. "WARNING: Please do not redistribute the install code via another website. It will change with every release. Instead, please link to this page." 
 
TRefs.2Introducing
opentutorials.org - Sublime Text 2 소개, 2013-02-05, by egoing; 동영상으로 자세히/간단하게 설명해주심.windtale.net - blog - Sublime Text 유용한 기능과 단축키, 2012-09-24;blog.generalassemb.ly - Getting started with sublime text 3: 25 tips, tricks, and shortcuts, 2013-11-27, by Adrian Bautista위키북스에서 만든 Sublime Text 단축키의 인쇄용 버전 (한국어) 
 
TRefs.3Packages
sublime.wbond.net - Package Control; 다른 Package들을 쉽게 깔게 해주고 관리해주는 package라 할 수 있음. 가장 기본이 되는, 가장 먼저 깔아야 되는 package.sublime.wbond.net - Popular Top 25; 사용자들이 많이 깐 package들을 보여주니, 각자 부족해 보이는 것, 필요한 것들을 찾아서 까시면 될듯.sublime.wbond.net - ConvertToUTF8; A Sublime Text 2 & 3 plugin for editing and saving files encoded in GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS, etc.
// 한글이 안보이는 (인코딩) 문제는 이걸로 해결합시다.sublime.wbond.net - Emmet; and docs.emmet.io; and docs.emmet.io - Cheat sheet; 외우는 것도 일이긴 할듯? Fuzzy search라고 그냥 약자를 대충만 치면 알아서 list들도 보여주고 적당히만 비슷하면 알아서 다 완성해줌. 완전 좋은듯. (이건 말로 설명하기 힘들고 써봐야 체감을 할듯.) 
 
TRefs.4Etc.
괜찮은 에디터 소개 및 추천 (Introducing-Recommending good code editors), 2014-03-03helloworld.naver.com - 한글 인코딩의 이해 1편: 한글 인코딩의 역사와 유니코드, 2012-02-29, by NHN Business Platform 쇼핑서비스개발팀 오영은.
				

	
	



	
	
	
	

			



	


	

		
	


























	

		

		

		

		

	













	

		
		
	


	

		
	

	
	



	

		
전체 추천리스트 보기

	

	
	

		
		

		

	














		
		


        
        
		
        
		

		새로운 댓글이 없습니다.
		


			

				
				
새로운 댓글 확인하기

			
















	

		

			
			
		

		
		
		

	








		
		

			글쓰기
		






	














	

		
	










    
데이터절약모드

    
    

        
        
    










	

		
◀뒤로가기

		
PC버전

		
맨위로▲

	















	공지
	운영
	
	자료창고 
	청소년보호