신기한 웹 세상

Tag

Editor

프론트 엔드 개발자를 위한 온라인 코드 에디터 소개

UI 개발을 하다보면 실시간으로 확인을 한 것이 필요할때가 있고 또 소스를 일부 공유 해야할 때가 있습니다. 아직 비공개이거나 일부 내용만 공개 하고 싶을 때 사용할 수 있는 온라인에서 코드 작성할 수 있는 에디터들을 몇가지 소개를 하려고 합니다. UI Development Online… Continue Reading →

아톰(Atom) 패키지 Layout 나눠보자

서브라임 텍스트에서는 기본적으로 레이아웃을 나눌 수 있었다. 단축키는 이미지에 나와있는거처럼 가능하다. 이렇게 하려면 아톰은 패키지를 이용해야 하는거 같아서 구글링을 검색을 해봤다. 아톰에서는 Pane Layout Package를 설치하면 비슷하게 사용가능하다.

아톰(Atom) Snippets 코드 만드는 방법

Snippets은 정기적으로 사용되는 코드 덩어리로 프로그램 파일에 빠르게 삽입할 수 있다. 유용하고 Atom 텍스트 편집기의 핵심 기능이다. 아톰 패키지와 언어 문법은 종종 미리 정의된 snippets함께 정의 된다. img입력 한 후 Enter을 치면 다음 코드가 나타난다. <img src=”” alt=”” /> 커서는… Continue Reading →

Atom(아톰) Vertical Motion 패키지

아톰 에디터는 커서 좌/우 키는 있지만 상/하 이동 키가 없다. 이것은 Sublime Text와 동일하다. Sublime Text에서는 Horizontal Scroll를 설치를 하여 사용했었다. Sublime Text에서는 바로 키맵을 바꿀 수가 있었다. 서브라임 텍스트에서는 아래와 같이 설정해서 썼었다. [ { “keys”: [“alt+down”], “command”: “scroll_width”,… Continue Reading →

Atom(아톰) 설치 및 유용한 패키지 리스트! (윈도우 버전)

소개하기 Github에서 공개한 텍스트 편집기이다. 무료이면서 개인적으로 필요한 기능들에 대해 추가적으로 제작도 가능하며, 이를 패키지로 배포하여 서로 공유할 수 있다. 아톰에서 만든 짧은 소개 영상은 아래에서 볼 수 있다. (자막 有) 장점 오픈소스로 관리, 100% 무료 Git 연동이 기본으로 들어있다…. Continue Reading →

Visual Studio Code를 사용해보다.

소개 서브라임 텍스트를 몇년째 사용하고 있는지 모른다. 그러나 최근에 무료배포 에디터중 1위인 Visual Studio Code를 접하게 되었다. 필자가 늦게 접한게 있긴 했다 ^^;; 비주얼 스튜디오 패밀리이며 줄여서 VSCode라고도 한다. 윈도우, 리눅스, 맥에서도 사용할 수 있다는 점이 놀라운점인듯하다 MS사는 보통 자기네… Continue Reading →


© 2017 신기한 웹 세상

Up ↑