본문 바로가기

반응형

Tech Note

Jetbrain (WebStorm / IntelliJ / PHPStorm ...) 경로 별칭 설정 Jetbrain 제품군 (WebStorm, IntelliJ, PHPStorm 등등)에서 Nuxt.js 및 Vue.js 어플리케이션을 개발할때 "@/" 및 "~/" 문자열로 경로 자동완성(intellisense)을 지원하지 않는다. 이에 다음과 같은 형태로 처리(?) 로 가능하다. Visual Studio Code 에서는 jsconfig.json 으로 path 에 대한 alias 를 설정할 수가 있으나 익숙해진 WebStorm 인터페이스를 고집하기 위해 구글링 ㄱㄱ 먼저 프로젝트 루트에 다음과 같은 파일을 만든다. 파일명은 자유형식인것 같다. 나는 config.webstorm.js 로 만들었다. 이에 파일내용은 다음과 같이 입력한다. System.config({ "paths": { "~/*": "./*",.. 더보기
Visual Studio Code (테마설정) Visual Studio 코드를 주 개발 IDE 로 사용하다보니, 창이 여러개 열렸을때 관리가 어려웠는데 다음과 같이 색상에 대하여 설정합니다. 파일경로 : .vscode/settings.json 더보기
[펌] 온디맨드 서비스 링크 : 온디맨드(On-Demand) 서비스란? 잘 정리되어 있어서 유익하게 알수 있음.^^ 최근 IT 기사를 읽다 보면 카카오 택시, 배달의 민족, 우버와 같은 온디맨드 O2O 서비스가 뜨고 있다고 합니다. 온라인에서 결제하고 오프라인에서 이용하는 O2O(Onlie to Offline)는 쉽게 이해되는데 온디맨드(On-Demand)는 뭘까요? 꽤 오래전부터 사용되어온 용어인데 어떤 의미인지 쉽게 와 닿지가 않습니다. 온디맨드(On-Demand)의 사전적 정의를 살펴보니 우리말로 주문형 서비스라고 이야기합니다. 주문형 서비스 1. 소비자가 있는 곳까지 찾아가서 상품과 서비스를 전달하는 것. 2. 이용자의 요구에 따라 상품이나 서비스가 바로 제공되는 것. 이렇게 봐도 알쏭달쏭한데요. 단순하게 "내가 있는 .. 더보기
지식공유 서비스 - SlimWiki 순수하게 팀간 지식만 공유할 수 있는게 없을까 하는 생각이 문득들었다.같이 이야기 하고 지내는 사람들과 순간순간 메신저에서 지식을 공유하고는 했지만 그 내용을 다시 보려면손가락 골절 스크롤 압박;;그래서 무작정 구글링 중 Free Forever 란 고마운 문구를 보고 들어갔다. ㅎㅎ https://slimwiki.com/ 장점 - 콜렉션으로 만들어서 페이지를 만들어 해당 지식을 Private & Public 으로 공유할 수 있다.단점 - 파일은 이미지만 ~ 그래도 스타트업이나 스터디 그룹간에는 좋은 서비스인것만은 맞는것 같다. 더보기
프로젝트 환경 [ Taiga + HipChat + BitBucket + SourceTree + Vagrant (NgineX/PHP/MariaDB) + IDE(PHPStorm) ] 이번에 진행중인 프로젝트에 대한 전체적인 인프라 환경을 구축한 히스토리를 포스팅합니다.한번씩 테스트 해본 경우, 개인적으로는 굉장히 유익한 경험 이었습니다.초기 스타트업 같은 경우 전반적인 인프라를 구축하면서도, 소요 비용은 항상 고민적인 요소입니다만,아래 사항에서 PHPStorm 만 제외하고는 비용절감에 큰 효과를 줄 수 있을것 같습니다. 전체적인 구성은 다음과 같습니다. 프로젝트 관리 (이슈관리 및 태스크 관리) Taiga (https://taiga.io/) 커뮤니케이션 HipChat (http://hipchat.com/) 소스코드 관리 도구 및 저장소 BitBucket (https://bitbucket.org) SourceTree (https://www.sourcetreeapp.com/) 개발환경(.. 더보기
Emmet 으로 HTML UI 개발속도 높이기 출처 : http://codeflow.co.kr/question/393/emmet으로-html과-css-작업-속도-높이기-accelerate-your-html-and-css-production-with-emmet/ Emmet (Zen Coding으로 알려진바 있는) 은 빠른 웹개발을 위한 마크로와 키보드 바로가기 모음집입니다. 무상 다운로드 할수있으,며10여개이상의 에디터의 플러그인으로 설치할수 있이며, 일관성 있게 사용한다면 최대 2배의 생산성을 기대할수 있습니다. 이 포스팅에서 Emmet의 설치, 사용법과 최대의 결과를 얻기위한 커스터마이징 방법들을 설명하겠습니다.최근에 나온 에디터의 대부분은태그를 자동으로 닫아주거나 늘상 쓰이는 요소들로 미리 포맷을 잡아주거나하는, 이런 저런 종류의 마크로를 내부에.. 더보기
PHP - IDE CodeLobster (코드랍스터) 오웃. 꽤 괜찮은 PHP IDE 가 나왔다. CodeLobster (코드랍스터) ㅋㅋㅋ현재까지는 윈도우까지만 지원한다.무엇보다 훌륭한건 상용화되있는 PHP 프레임워크 및 jQuery 등을 꽤나 훌륭히 지원한다.거기다 디버깅에 브레이크 포인트까지.PHP 웹개발을 위해서만 특화된 IDE 라는 느낌이 팍팍온다. ㅎㅎ 그리고 system 쪽에 코어클래스중 커스텀으로 추가한 메소드라든지 코드어시스트 기능이 제법 깔끔히지원된다. 이클립스에서 코드이그나이터 코드어시스트를 받으려면 프로젝트를 추가해주고 사용해야 하는꽤나 그지같은 불편함이 있었는데; 그리고 컬러스키마같은 경우도 꽤나 다양하게 종류를 제공한다. 하지만 에디션별로 사용할 수 있는 차이가 있다. 어느 툴과 마찬가지로. ㅎㅎ일단 프리버젼 등록키를 받고나면 30.. 더보기
Visual Studio 단축키 출처 : http://luyin.tistory.com/294 편집 관련 단축키편집 관련 단축키들은 익혀두면 다른 문서를 작성 할때도 많이 도움이 될 것이다.문서 편집 관련 단축키들은 사용하면 사용할 수록 코딩 속도가 빨라진다. Ctrl + F : 찾기중요도 : ★★★☆☆활용 : 특정 클래스, 함수, 변수 등을 검색한다. Ctrl + Shift + F : 파일에서 찾기중요도 : ★☆☆☆☆활용 : 특정 클래스, 함수, 변수 등을 검색한다. 현제 프로젝트가 아닌 파일에서도 찾을 수 있다. Ctrl + Space : NameSpace중요도 : ★★★★★활용 : 현재 접근 가능한 클래스명, 함수명, DEFINE문 등의 목록을 보여준다. 코드를 치는 도중 Ctrl + Space를 누르면 이전에 선언된 것과 가까운 .. 더보기

반응형