개발일기

1. on() 이벤트 import Backbone from 'backbone'; const FruitModel = Backbone.Model.extend({ defaults: { name: 'melon', price: 5000 } }); const fruitModel = new FruitModel(); fruitModel.set({ name: 'water melon', price: 20000 }); // 속성 변경 fruitModel.on('change', function(e) { // 모델 속성 변경 이벤트 console.log(e.toJSON()); }); on() : 모델에 발생하는 이벤트에 따라 콜백함수를 연결해주는 메서드이다. 여기서 과일 모델의 속성을 이름은 수박, 가격을 2만원으로 수정하면 ..

1. Collection에 Model 추가 import Backbone from 'backbone'; const FruitModel = Backbone.Model.extend({ defaults: { id: '', name: '', price: '' } }); const FruitCollection = Backbone.Collection.extend({ model: FruitModel }); // 컬렉션 생성 const fruitCollection = new FruitCollection(); // 객체 생성 fruitCollection.add({ id: 'mangoId', name: 'mango', price: 1000 }); // 모델 추가 fruitCollection.add({ id: 'orangeI..

1. View 객체 생성 및 메서드 import Backbone from 'backbone'; const FruitView = Backbone.View.extend({ el: "#backbone-view", // 렌더링할 DOM 요소 template: "Orange Yummy!", // 템플릿 initialize: function() { // 초기화 메서드 console.log('view init'); }, render: function() { // 렌더링 메서드 this.$el.html(this.template) } }); const fruitView = new FruitView(); // 객체 생성 Backbone.View.extend({ }); 를 통해 뷰를 생성할 수 있다. 뷰를 생성한 후, ne..

1. 모델 객체 생성 import Backbone from 'backbone'; const FruitModel = Backbone.Model.extend({ defaults: { name: 'mango', price: '1000', } }); // 모델 생성 const fruitModel = new FruitModel(); // 모델 객체 생성 Backbone.Model.extend({ }); 를 통해 모델을 생성할 수 있다. 모델을 생성한 후, new 연산자를 사용하여 모델 객체를 생성하여 사용한다. 2. 모델 속성 추가 및 출력 import Backbone from 'backbone'; const FruitModel = Backbone.Model.extend({ defaults: { name: 'ma..

1. Backbone.js 란? Backbone.js는 자바스크립트의 클라이언트 측 코드에서 SPA를 원활하게 개발할 수 있는 MV* 패턴의 프레임워크이자 자바스크립트 라이브러리다. Backbone.js는 컨트롤러가 없기에 MVC패턴을 변형한 MV*패턴이라 불리운다. 요즘에 많이 쓰이는 React, Vue를 대신하여 JQuery와 Vanila Javascript를 사용하여 SPA를 개발할 경우 Backbone.js는 유용하게 활용된다. 모델(Model) : 애플리케이션과 상호작용하는데 필요한 데이터를 추가하여 보관한다. 뷰(View) : 템플릿을 나뉘어진 뷰를 모델과 결합하여 모델 또는 컬렉션의 데이터가 포함된 템플릿 또는 HTML 코드를 출력한다. 라우트(Route) : URL변경으로 페이지를 새로 불..

1. AWS CLI 패키지 설치 AWS CLI 패키지를 설치하여 access key와 secret key를 입력하여 인증 정보를 저장하여 간편하게 사용할 수 있다. sudo yum install awscli # CentOs sudo apt install awscli # Ubuntu 2. 인증 정보 추가 aws configure 쉘에서 aws configure를 입력하면 access key, secret key, region, output format 순으로 입력을 하게된다. AWS 계정의 IAM 사용자의 access key, secret key, region 정보를 입력하면된다. 마지막으로 output format은 IAM 사용자 목록을 출력할 때, 표시할 형식을 지정할 수 있다. output forma..

Cloud Log Analytics 텍스트 형태로 생성되는 모든 로그파일을 실시간으로 수집하여 대시보드에서 확인 가능 수집된 로그를 시간대별, 키워드, Lucene Query 등 다양한 옵션으로 로그 검색 가능 분리된 개별 저장소에 2개 이상의 복제본으로 분산 저장하며 Object Storage로 로그 전송 가능 보관 기간이 경과한 경우 과거부터 전날까지의 데이터가 매일 삭제 저장 용량을 초과한 경우 과거의 데이터부터 최대 30%의 데이터가 순차적으로 삭제 CLA 이용 해지시 현재 저장되어 있는 로그 데이터 전체 삭제 만약 Cloud DB for MySQL, MS-SQL, MongoDB 등과 연동되어 사용하고 있는 경우 CLA의 해지는 이루어지지 않음(이 경우 위의 해당 서비스들을 해지해야 CLA 이용 ..

3-Tier Architecture 3계층은 사용자 인터페이스, 기능 처리 로직, 데이터 스토리지와 접근을 뜻함 각각 독립된 모듈로 개발하고 유지하는 구조이며 일반적으로 각각 다른 플랫폼에서 구동 3-Tier 웹 서비스 Frontend : 웹 브라우저에서 렌더링되는 정적 웹 컨텐츠 제공 Web Application Server : 동적 컨텐츠 생성 및 비즈니스 로직 구현 Backend : 데이터 베이스나 스토리지 서비스에 필요한 데이터를 저장 및 관리하고 데이터 접근 제공 Serverless Architecture 애플리케이션 개발자가 서버를 프로비저닝하거나 애플리케이션 확장을 관리할 필요가 없는 클라우드 컴퓨팅 모델 사용자가 직접 프로덕션 환경으로 배포 가능 Design Principal Availab..