typing.io

Typing Test in PHP Practice typing PHP.png
Read More

Dropbox data stretch


Clikc Link ->  https://db.tt/lGrecqCmnp
Read More

Sublime Text 3 - 기능

Project

프로젝트 추가  :      Project  ->  Add Folder to Projct...

프로젝트 저장  :      Project  ->  Save Project As...

프로젝트 오픈  :      Project  ->  Open Project  Or  Quick Switch  Or  Open Recent


Goto anyting

파일 검색  :   파일 이름 입력

심볼 검색  : 클래스나 메소드를 찾을 때는 Goto Anything 창에 @를 입력하고 심볼을 입력한다. 

텍스트검색 :  Goto Anything 창에 #을 입력하고 텍스트를 입력한다. 

라인찾기  :  Goto Anything 창에 ':'를 입력하고 숫자를 입력한다. 

 조합 : 파일이름 @ or # or  :


매크로란?

Macro. 사용자의 동작을 기록해서 나중에 재사용 할 수 있도록 하는 방법으로 반복되는 작업을 줄여준다.

매크로 사용법

메뉴 Tools > Record Macro 를 선택한다. 메뉴 Tools > Stop Recording Macro를 선택하기 전까지 사용자의 행동이 기록된다. 저장된 매크로를 실행하려면 메뉴 Tools > Playback Macro 를 선택한다. 방금 만든 매크로를 이후에도 사용하려면 메뉴 Tools > Save Macro 를 선택하고 파일로 저장한다. 


자주 쓰게되는 단축키

  • 행 들여쓰기 · 내어쓰기 win: ctrl+[ · ctrl+], mac: cmd+[ · cmd+] 기본적으로 탭키를 사용할 수도 있지만, 한참 코드를 작성하다가 행단위 들여쓰기를 제어하려면 이 방식이 편하기도.
  • 행 상하 이동 win: ctrl+shift+↕, mac: cmd+ctrl+↕
  • 코드블럭 접기 · 펴기 win: ctrl+shift+[ · ctrl+shift+], mac: cmd+opt+[ · opt+shift+]
  • 찾아바꾸기 win: ctrl+h, mac: cmd+opt+f
  • 여러파일에서 찾기 win: ctrl+shift+f, mac: cmd+shift+f
  • GoTo Anything win: ctrl+p, mac: cmd+p GoTo Anything을 호출한다. 해당기능은 아래서 살펴볼 것이다.
  • Command Palette win: ctrl+shift+p, mac: cmd+shift+p Command Palette를 호출한다. 해당기능은 아래서 살펴볼 것이다.


















    
Read More

Sublime Text 3 - 패키지

Sublime Text의 패키지

- link : https://packagecontrol.io/



패키지 명령

Sublime Pacakge Control을 설치하면 Command Palette에서 Sublime Pacakge Control을 사용 할 수 있게 된다. Command Palette를 실행하려면 메뉴 Tools > Command Palette ​를 선택한다. 그리고 Package를 입력하면 Package Control의 명령들이 아래와 같이 나타난다. 
​
위에서 중요한 명령은 아래와 같다.
  • Install Pacakge : 패키지를 설치하는 명령
  • List Package : 설치된 패키지 목록을 보여준다.
  • Remove Pacakage :  패키지를 삭제한다.

패키지 설치

Command Palette에서 Package Control : Install Pacakge 를 입력한다. 그럼 설치할 수 있는 패키지가 리스트업된다. 이 중에서 원하는 패키지를 선택하면 설치가 끝난다. 패키지마다 사용방법이 다르기 때문에 패키지의 홈페이지를 방문해서 사용방법을 익힌다. 

패키지 삭제

Command Palette에서 Package Control : Remove Pacakge 를 입력한다. 그럼 설치된 패키지의 항목이 나타나는데 삭제를 원하는 패키지를 선택하면 삭제된다. 

-------------------------------------------------------------------------------------------------

추천패키지

Sidebar Enhancements

사이드바의 기능을 향상시켜주는 패키지

-------------------------------------------------------------------------------------------------

BracketHighlighter

{},[],<>,"",'',() 와 같이 열리고 닫히는 기호가 쌍으로 존재해야 하는 코드를 하이라이트처리해주는 확장기능

sublime text 3 에서 
Preferences>Package Settings>Bracket Highlighter>Bracket Setting-user 

{
"bracket_styles": {
"angle": {
"color": "entity.name.class",
"style": "outline"
},
"tag": {
"color": "entity.name.class",
"style": "outline"
},
"default": {
"color": "entity.name.class",
"style": "solid"
}
}
}

-------------------------------------------------------------------------------------------------

Goto Documentation

언어에서 제공하는 API에 대한 공식/비공식 문서로 연결해주는 패키지로 아래와 같은 언어를 지원한다. 
  • PHP
  • JS / CoffeeScript
  • Python
  • Clojure
  • Go
  • Smarty
  • Ruby on Rails


  public function _remap($method,$params=array())

{

if( method_exists($this, $method) )

{
call_user_func_array(array($this, $method), $params);
}else{
show_404();
}
}

call_user_func_array  드래그 후 win+ shif + H


-------------------------------------------------------------------------------------------------

Theme


How to Install

Via Package Control

The easiest way to install is using Sublime Package Control, where Spacegray is listed as Theme - Spacegray.
  1. Open Command Palette using menu item Tools -> Command Palette... (⇧⌘P on Mac)
  2. Choose Package Control: Install Package
  3. Find Theme - Spacegray and hit Enter

Manual

You can also install the theme manually:
  1. Download the .zip
  2. Unzip and rename the folder to Theme - Spacegray
  3. Copy the folder into Packages directory, which you can find using the menu item Sublime Text -> Preferences -> Browse Packages...


How to Activate

Activate the UI theme and color scheme by modifying your user preferences file, which you can find using the menu item Sublime Text -> Preferences -> Settings - User (⌘, on Mac).
You can choose whichever flavor you like, but don't forget to change both color scheme and UI theme so they match.
Note: Don't forget to restart Sublime Text after activating the theme.

Settings for Spacegray

{
  "theme": "Spacegray.sublime-theme",
  "color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme"
}

Settings for Spacegray Light

{
  "theme": "Spacegray Light.sublime-theme",
  "color_scheme": "Packages/Theme - Spacegray/base16-ocean.light.tmTheme"
}

Settings for Spacegray Eighties

{
  "theme": "Spacegray Eighties.sublime-theme",
  "color_scheme": "Packages/Theme - Spacegray/base16-eighties.dark.tmTheme"
}


-------------------------------------------------------------------------------------------------

Emmet

 zencoding이라는 이름으로 알려진 HTML/CSS 툴킷으로 코딩 속도를 비약적으로 향상시켜준다.


div>ul>li
...will produce
<div>
    <ul>
        <li></li>
    </ul>
</div>


div+div>p>span+em
...will be expanded to
<div></div>
<div>
    <p><span></span><em></em></p>
</div>

ul>li*5
...outputs to
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

div#header+div.page+div#footer.class1.class2.class3
...will output
<div id="header"></div>
<div class="page"></div>
<div id="footer" class="class1 class2 class3"></div>

-------------------------------------------------------------------------------------------------

Sublime CodeIntel

- link : https://github.com/SublimeCodeIntel/SublimeCodeIntel
웹 개발에 쓰이는 거의 모든 언어(JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP)를 지원하고, 개발 시에 코드에서 변수명을 ALT+Click, CTRL+F3 누르면 변수가 지정된 파일로 자동 이동하며, 그 외에 다양한 많은 기능들을 제공하고 있다.

-------------------------------------------------------------------------------------------------

Color Highlighter

- link : https://github.com/Monnoroch/ColorHighlighter

css









-------------------------------------------------------------------------------------------------

Can I Use

- link : http://caniuse.com

 <aside> => ctrl + alt + f
<ul>
<li>/3.jpg</li>

</ul>
</aside>
<address>

</address>


-------------------------------------------------------------------------------------------------

ColorPicker



-------------------------------------------------------------------------------------------------


sublime-autoprefixer

Sublime plugin to prefix your CSS
screenshot


-------------------------------------------------------------------------------------------------

ConvertToUTF8 - 한글 깨짐 해결책


IMESupport 설치


-------------------------------------------------------------------------------------------------

LiveReload

LiveReload -> https://github.com/dz0ny/LiveReload-sublimetext2 , http://livereload.com/

LiveReload 패키지 설치 후 아래 링크 페이지에 브라우져 별로 다운로드 후 사용함에 체크



Preferences -> Setting - user 



-------------------------------------------------------------------------------------------------

Emmet LiveStyle 

패키지 설치 후 Prefernces - Emmet LiveStyle - Settings - user 에 보시면 "debug": true

링크 접속 후  ->   Emmet LiveStyle  설치 후 사용함 체크












크롬 창에서 F12 (개발자도구) ->  LiveStyle 클릭 후  -> 셀렉트박스에서 *.css 선택




Elements 클릭 후 -> h1 추가 하면 sublime text3 에도 추가 




-------------------------------------------------------------------------------------------------

TortoiseSVN
Sublime text3 로 SVN에  패키지 설치 후 쉽게 커밋하거나 업데이트 받을 수 있습니다. 
Update: alt + u, Commit: alt + c


-------------------------------------------------------------------------------------------------


Sublime Text SFTP


- link :  http://wbond.net/sublime_packages/sftp

Sublime SFTP는 서브라임 텍스트를 이용해서 FTP, SFTP를 사용할 수 있도록 확장해주는 확장 기능이다. FTP, SFTP를 지원하고, Password 방식 뿐 아니라 SSH Key도 지원한다. 유료지만, 사용에는 제한이 없다. 가끔씩 사용권유 메시지가 뜬다. 

 -------------------------------------------------------------------------------------------------

Autobackups

자동으로 백업해주는 패키지

 - link :   https://github.com/akalongman/sublimetext-autobackups
Read More

Sublime Text 3 - 설치

Sublime Text를 사용하기로 결정하고, 해당 사이트에서 Sublime Text를 다운받아 설치를 했다. Sublime Text를 잘 사용하기 위해서는 여러가지 Plugin을 설치해야 사용하기 편하다. Plugin 설치를 위해서 먼저 Package Controll을 설치해야 한다.

Package Control은 Sublime Text2, Sublime Text3에 따라서 설치하는 명령어가 살짝 다른데, 저의 경우는 S모 전자의 일을 하면서 보안 때문에 설치 명령어로는 정상적인 Package Control을 설치할 수 없었다.


그래서 여기에는 간략하게 Sublime Text3를 기준으로 설치하는 과정과 특히나 저처럼 보안 및 기타 이유로 Package Control 설치가 잘 안되는 사람들을 위해서 직접 Package Control을 받아서 설치하는 방식으로 진행해 보고자 한다.



1. Sublime Text3 받기
    - http://www.sublimetext.com/3 에서 원하는 버젼 선택
2. Sublime Text3 설치 및 실행



3. Package Control 설치
    - Sublime Text3
         : ctrl+` 또는 View > Show Console 누른 후에 아래 복사해서 실행
    import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
          - Sublime Text2
              : ctrl+` 또는 View > Show Console 누른 후에 아래 복사해서 실행
            import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
                
                - 직접 Down 하기 
              1. Package Control.sublime-package 다운받기
              2. Preferences > Browse Packages… menu 열기
              3. 상위 폴더인 Installed Packages 로 이동
              4. 1번에서 다운받은 Package Control.sublime-package를 3번의 Installed Packages로 이동
              5. Sublime Text를 재시작
              6. Preference > Package Control을 눌러서 설치되었는지 확인
              Read More
              홈
              피드 구독하기: 글 (Atom)