아카이브: 2017

Backbone.js Router

Backbone Router라우터 기능으로 MVC에서의 Controller 해당되며, location.hash(url 변경)의 변경에 따른 처리를 담당한다. 1234567891011121314var Router = Backbone.View.extend({ routes: { '': 'home&#x

Backbone.js Collection

Backbone CollectionModel의 집합. View와 연결되어, Model에 변화가 생길 때 손쉽게 View(UI)를 갱신할 수 있다. 12345678910111213141516171819202122232425262728293031323334353637383940//모델 선언var Book = Backbone.Model.extend({

Backbone.js View

Backbone ViewModel을 어떻게 보여줄지 View와 관련된 Event를 Listen & React 하는 역할.화면에 나타나는 UI를 담당하며 프론트엔드의 특성상 view가 controller의 성격도 가지고 있다. 12345678910111213141516171819<input type="input" placehol

Backbone.js Model

Backbone ModelMVC패턴에서의 Model로 개별 데이터를 나타낸다. 12345678910111213141516171819202122232425//모델 선언var Person = Backbone.Model.extend({ //모델 생성시의 초기값 설정 defaults: { age: 30, nam

Backbone.js

Backbone.js란backbone.js은 클라이언트 사이드 웹애플리케이션 개발에 MVC패턴 적용을 가능하게 해주는 자바스크립트 프레임워크들 중 하나이다. MVC패턴이란 간략하게 M(model: 데이터), V(view: UI), C(controller: 로직, 데이터 처리)로 코드의 역할을 나눠서 작성하고 관리하는걸 뜻한다. 이 말은 클라이언트단에서 프로

APMSETUP 로컬 서버 환경 구축

APMSETUP 이란?APM은 Apach + PHP + MySQL의 약자로 무료로 배포되는 완전한 프리웨어 툴 이며, 로컬에서 웹서버를 구축할 수 있다. Apach, PHP, MySQL 일일히 설치할 필요없이 손쉽게 한번에 설치해주는 프로그램이며, 이 프로그램을 설치한 후 바로 웹서버의 용도로 활용이 가능하다.현재 7버전까지 나와있으며, 다운로드 링크 경로

ionic-v1 ios statusbar text color 변경

ios status bar text color 값 변경하기www\js\app.js 파일에서 아래 코드를 추가 하고 원하는 컬러값을 지정해주면 된다. 123456789101112www\js\app.jsapp.run(function ($ionicPlatform, $cordovaStatusbar) { $ionicPlatform.ready(funct

ionic-v1 ios statusbar 이슈

아이오닉v1.0 ios status bar 겹치는 이슈아이오닉v1.0에서 아이폰 ios 7이상에서 나타나는 현상으로 상태바와 겹치는 이슈가 있다.이문제를 해결 할려면 cordova-plugin-statusbar 플러그인을 설치한다. 혹시 plugins 디렉토리에 이미 설치되어 있다면 따로 설치할 필요가 없다. 1$ cordova plugin add cord

[Markdown] Syntax

Markdown Syntax마크다운 (Markdown)은 마크업 언어의 일종으로, 존 그루버(John Gruber)와 아론 스워츠(Aaron Swartz)가 만들었다. 읽기도 쓰기도 쉽다는 장점이 있다. 그루버는 마크다운으로 작성한 문서를 HTML로 변환하는 펄 스크립트도 만들었다. 확장자는 .md를 쓴다. 문단 제목문단 제목은 다음과 같이 표현한다. 12

Webstorm Column Selection Mode

WebStrom Column Selection Mode 사용하기Column Selection Mode는 코드 세로 다중영역 선택 기능이다. Edit > Column Selection Mode 를 클릭해서 사용해도 되고, Alt + Shift + Insert 단축키 조합으로도 사용 가능하지만 굳이 단축키 쓸 필요없이 마우스 휠 버튼 누른 상태에서 드래그