Web Component 기반의 Polymer 한국어 번역 영상입니다. 웹프로그램, 웹앱을 정말 간단히 작성할 수 있게 도와주는 고마운 놈이죠. 저도 AngularJS로 프로그램했던 APP을 Polymer를 이용해서 재작성 했는데, 정말 gorge...
PhoneGap을 이용한 Hybrid App 개발하기
HTML + JavaScript + CSS로 만들어진 WebApp을 Market에 등록해서 Mobile이나 Pad에 Install한 다음 동작하게 하기 위해서 별도의 처리가 필요하다. 대표적인 방법은 Appspresso나 PhoneGap를 이용해서 W...
WebApp Local 실행을 위한 HTML Include 방식
WebApp을 만드는 목적은 우선 Web상에서의 서비스가 첫번째 목적일 것이고, 더불어 Web 뿐만이 아니라 Local환경에서도 동일하게 동작하길 원할 것이다. WebServer없이 Local 환경에서 동작할 때, 서버에 특정 내용을 저장해야 한다면 ...
AngularJS Skeleton (Seed)
첨부파일 : Hans-Angular-Skeleton.zip GitHub : Hans-Angular-Skeleton AngularJS로 처음 프로젝트를 진행하다보면 간단하게 구조를 잡는 것도 많은 시행착오를 겪게된다. 디렉토리 구조는 어떻게 잡아...
[Tip] WebStrom8 에서 AngularJS Code Completion
오늘 WebStrom 최신 버젼인 8.0.1을 받아서 설치를 했다. 그런데 7 버젼에서는 잘되던 AngularJS Code Completion 기능이 동작하지 않는 것이다. 다시 WebStrom의 AngularJS Plugin을 재설치해도 역시 마...
Yeoman으로 AngularJS 프로젝트 구성하기
WebApp을 개발하기 시작하면 수작업으로 프로젝트 구성, 빌드 및 배포 환경 구성, 테스트 환경 구성 등을 하나하나 직접 만들어 주어야 한다. 또한 프로젝트에 필요한 라이브러리가 있다면 해당 라이브러리 배포 사이트에서 직접 다운 받아서 소스에 코딩해...
[Sublime Text] 유용한 10가지 플러그인
Sublime Text는 그 자체로도 가볍고 쓸만한 편집기지만 다양한 Plugin을 설치해주면 더욱 막강한 편집기로 재탄생 시킬 수 있다. 또한 관심을 조금 더 기울인다면 나에게 딱 알맞은 편집기를 만들 수가 있다. 다른 사용자에게 맞는 Plugin이...
AngularJS 이해하기
요즘은 Javascript로 다양한 Web Application을 제작하는 경우가 많은 것 같다. 그 중에는 훌륭한 프로그램들이 많이 있는데, 그 만큼 개발의 복잡도도 많이 증가하고 있다. 순수하게 Javascript만을 이용해서 객체지향적으로 W...