web sprit

요즘 VS Code 가 작업툴로 많이 이용되고 있는거 같아 저도 사용해 보려 합니다.검색하다 찾아보니 단축키 PDF 파일을 찾았네여요~ ^^ 별거 아니지만 필요하신 분은 참고 바랍니다.

프로젝트를 진행하다보면 명령창을 이용하여 작업하는 경우가 빈번하게 생긴다. 그래서 Sublime Text로 명령창을 열어 사용하는 방법에 대하여 살펴보려 한다. 방범은 몇가지 있다.서브라임안에서 cmd 창을 열어서 사용하는 경우도 있고 단축키를 누르면 자동으로 프로젝트 경로에서 cmd 창을 열 수 있는 방법이 있다. 첫번째 방범은 서브라임안에서 명령어를 쓸 수 있다는 것에 매우 편리하고 좋지만,기존 윈도우 사용자라면 윈도우에서 지원하는 CMD를 제공하기 떄문에CLI 명령어 중 실행이 안되는 부분도 있기 때문에 비추.!!! 두번째 방법에 대하여 설명하려 한다. 1. 설치우선 서브라임을 실행하고,Ctrl + Shift + P 를 눌러서 명령창을 실행해 준다.검색창에 install만 치면 install pac..

서브라임을 사용하지만 기존의 엉망인 들여쓰기 코드를 정렬하기 위해 정렬해주는 사이트의 도움을 받아 정리하고 했습니다. 서브라임에도 정리해주는 기능이 있을꺼 같아 검색해보니 결과가 있군요!!! 다른분에게도 도움이 될까해 정리해 봅니다. 우선 sublime text를 실행해 주세요. 1. 상단메뉴에 [Preferences] > [Key Bindings] 클릭 2. 2개의 탭 화면 중 끝에 User 가 붙은 탭에 내용을 추가해 줍니다.추가할 내용은 아래와 같습니다. 123 { "keys": ["ctrl+shift+'"], "command": "reindent" , "args": { "single_line": false } } Colored by Color Scriptercs 위의 단축키["ctrl+shift+..

SCSS를 컴파일 하기위해Front 기술로 nodeJS 나 SASS 또는 Compass 로 컴파일하여 css 로 변환해 줍니다. 그 보다 좀더 간편한 작업에 있어서브라임텍스트를 이용한 SCSS 컴파일 방법에 대해 알아보려 합니다. 우선 Ruby 와 scss가 설치 되어 있어야 합니다.그에 관한 설명은 하단을 참고하시기 바랍니다.SASS 설치방법 서브라임에서 SASS관련 패키지가 존재합니다.ctrl + shift + P 를 누르시고 PCI 를 누르시어 package install을 선택!sass 와 sass Build 패키지를 설치해 줍니다. 우선 어느정도 준비는 끝났습니다.그럼 컴파일 하는 패키지를 직접 설치해 보죠~ https://github.com/alexlitel/Sass-Build-SublimeT..

서브라임 텍스트 사용자 입니다.원래 코딩 글꼴로 나눔고딕 코딩 글꼴을 사용하였는데요~ 어느순산 서브라임이 업데이트 하고 나서 글꼴 자간 간격이나 모양이 좀 이상하게 나와서 찾아본 결과 D2 Coding 글꼴이 2017.11.29 에 업댓하여 적용해 봤는데나름 괜찮더군요 ㅎㅎ 그래서 서브라임에 D2 Coding 글꼴을 적용하는 방법에 대해 설명 드리겠습니다. 우선 글꼴을 다운받으러 가야겠죠~아래의 URL로 접속해 봅니다.D2 Coding 글꼴 : https://github.com/naver/d2codingfont 위 점선영역을 클릭!!! 그럼 다운로드 버튼이 있는데 눌러서 다운 받아 줍니다. 다운 받아서 압축을 풀면 위와 같이 폰트 파일을 구성고 있습니다.이것을 제어판 >>> 글꼴로 들어가 그대로 드래그하..

Package Control 명령어를 입력하기 위해서Sublime text 실행 후 ctrl + shift + P 를 눌러줍니다.그리고 명령어를 입력해 줍니다. 명령어는 아래와 같습니다.Install Package: 패키지를 설치한다. (단축 : pci) List Package: 설치된 패키지 목록을 확인한다. (단축 : plp, list) Remove Package: 설치된 패키지를 삭제한다. (단축 : prp) Update Package: 설치된 패키지에 업데이트사항이 있는지 확인하고, 업데이트 내역이 있을 경우 업데이트한다. (단축 : pup)

Side Bar ctrl + 0 사이드바로 포커스 이동. ESC Edit 창으로 포커스 이동. ## 기타 단축키 참고 사이트 http://junil-hwang.com/blog/sublimtext-%EB%8B%A8%EC%B6%95%ED%82%A4/

Sublime Text에서 Project 관리를 손쉽게 할 수 있는 방법을 알려 드리겠습니다. 우선 서브라임이 설치했다 가정해보죠. 설치가 안되셧다면 아래 링크를 참고 하세요. http://kcmschool.xyz/56 우선 서브라임을 실행합니다. 그럼 위처럼 빈털털이(?) 화면에서 project 메뉴를 클릭하면 하위메뉴로 여러가지 리스트들이 나오는데요. 이것에 대한 설명을 하겠습니다. 우선 프로젝트를 2개 만들어 보겠습니다.pro1 폴더안에 test1.htmlpro2 폴더안에 test2.html자 만들었다면 시작하죠. 이 폴더에 대한 프로젝트 파일을 만들어야 합니다. 아까 만든 폴더를 드래그해서 OPEN FILES(왼쪽 폴더 디렉토리 나오는 부분) 에 넣든 or 메뉴에서 Project > Add Fol..

제가 마크업을 작업할 떄 주로 사용하는 기술이 젠코딩 입니다. 젠코딩은 에디트플러스에서 최신버젼으로 설치하면 기본으로 제공 되어집니다.하지만 가끔 드림위버를 이용할 떄가 있는데요. 드림위버는 따로 플러그인을 설치해야 합니다.그럼 드림위버에 설치 및 설정을 알아보도록 하겠습니다. 1. 설치우선 드림위버에서 젠코딩을 사용하기 위해 플러그인 파일을 다운받도록 하겠습니다. https://code.google.com/archive/p/zen-coding/downloads 위와 같은 사이트가 나오는데 전 젠코딩 드림위버용 최신버전을 다운받았습니다. 압축을 풀면 위와같은 화면이 나오는데 확장자 mxp파일을 더블클릭하여 설치를 진행합니다. 자 설치는 마무리 되었고 위와같이 Dreamweaver에 Zen Coding 이..

현재 내가 사용하고 있는 버젼은 Sublime Text 3 이다. 원래 Sublime 사이트에서 Portable버전도 있어 설정을 해두면 이동성이 좋지만그래도 직접적인 설치가 더 안전하다 생각이 들어 본체에 심어(?) 놓았습니다. 회사 컴에 설정을 집컴에도 같은 설정을 하기 위해 다음과 같이 하였습니다.이것은 Sublime Text 2 나 Sublime Text 3 에 경우에도 같습니다. 아래의 경로로 이동C:\Users\[UserName]\AppData\Roaming\Sublime Text 3안으로 들어가면 BackupInstalled PackagesLocalPackagesSettings위와 같은 디렉토리가 존재 할것입니다. 나의 경우는 저렇고 아무튼 위 경로 안에 있는 것을 모조리 복사하여 이동하려는..