Vim에 Node.js 환경 구축하기 말이 Node.js지 사실 vim에서의 Javascript 개발 환경 구축이라고 봐도 무방하다.. 하이라이팅이 날 미치게 해...! 얼마전에 vim 플러그인들을 한번 정리했는데, 그 때 js 관련 플러그인 몇 개가 같이 갈려들어간 듯 하다. 그리고 `String`나 ${} 같은 것들을 사용하기 시작했는데, 하이라이팅이 완전 똥망이다. 이대로는 안된다..! 이번 기회에 vim을 렙업 좀 시키고 vim의 javascript 스탯에 투자를 해야겠다. 일단 Vim Plugin Manager Vundle을 설치해보자 Vundle이 설치되어 있지 않는 분들을 위한 문단.. 난 이미 설치 되어있다.. 나는 Vim Plugin Manager로 이미 Vundle을 사용한다. 간단한 ..
Content-Security-Policy 메타 태그를 사용하여 외부 컨텐츠를 허용해보자 도대체. 왜 이런. TIL을 작성하나? 이왕에 폰갭으로 Hello World를 찍은 김에 기존 React Project 중 하나를 폰갭으로 이식해보자! 라는 원대한 꿈을 가짐. 이식해보려는 프로젝트는 Serverless Architecture를 준비하면서 만들었던 Pure React Web App형태의 웹 페이지였음. (해당 React App을 구동하는데 필요한 서버가 없음, 필요한 데이터 작업은 API 콜을 사용함) 해당 React 프로젝트를 npm run build 후 나온 html과 css, js 파일을 폰갭 프로젝트의 www에 집어넣고 phonegap serve !! 안드로이드 테스트 앱으로 확인해보니 이미지..
Syntastic Plugin에 eslint-es6-airbnb 설정하기 npm 패키지 설치 우분투 전역(sudo) 설치 기준export PKG=eslint-config-airbnb;npm info "$PKG" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs sudo npm install --global "$PKG" Mac OS 내가 맥을 안써봐서 잘 모르겠다.. .eslintrc 설정 전역 설정 ~/.eslintrc 를 생성하고 다음 내용을 입력{"extends": "airbnb","globals": { "_": true, "$": true,}} _ 와 $ 를 globals로 따로 처리하는 것은 lodash 혹은 under..