개발일기

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..

Cloud Insight 성능 지표들을 통합 관리하고, 장애 발생시 담당자에게 정보를 전달하는 모니터링 서비스 지표 조회 및 시각화 : 성능 및 운영 지표를 시각화하여 확인가능 사용자 대시보드 구성 Event Rule 및 Event 관리 : 장애 발생이 의심되는 상황에 장애를 식별할 수 있는 Event Rule을 생성하고, 각 장애 상황에 적합한 담당자를 지정하여 SMS 및 이메일 알림 제공 유지보수 일정 관리 : 등록된 유지보수 일정에 따라 SMS 및 이메일 전송을 해당 기간 동안 잠시 중지 제공 성능 지표 : Server, Load Balancer, Cloud Search 등의 상품의 성능 지표를 확인 가능 Metric : 사용자가 취급하려는 값 (STRING, INTEGER, FLOAT 등) Dim..

리액트에서 redux또는 useState를 통해 참조하는 값이 변경되면 해당 값을 참조하는 컴포넌트를 리랜더링시킨다. 하지만 참조값이 변경되더라도 리랜더링이 필요하지 않을 경우 useRef를 사용하여 적절한 대안으로 삼을 수 있다. useRef를 사용하면 참조하는 값이 변경되더라도 컴포넌트의 리랜더링이 발생하지 않는다. redux나 useState를 통해 다른 참조하는 값이 변경되어 컴포넌트가 리랜더링되더라도 useRef가 참조하고 있는 값은 변경되지 않고 유지된다. 또는 DOM에 직접 접근하여 ref를 통해 해당 태그의 className값을 가져오거나 style을 변경하는 등의 작업을 할 수 있다. 이러한 특징을 가진 useRef는 useState나 redux에 비해 사용빈도는 높지 않지만 DOM에 직..