본문 바로가기

Web/자잘한거14

웹폰트 - 크로스도메인 문제해결 모든 도메인에서 웹 글꼴에 액세스 할 수 있는 작업 https://httpd.apache.org/docs/2.2/ko/sections.html Header set Access-Control-Allow-Origin "*" 글꼴 - 굉장한 자산에 액세스하는이 문제는 포괄적 인 설명과 문제 해결없이 많은 사람들에게 문제가되었습니다. CORS 란 무엇입니까? Cross-Origin Resource Sharing (CORS)은 추가 HTTP 헤더를 사용하여 사용자 에이전트가 현재 사용중인 사이트와 다른 원산지 (도메인)의 서버에서 선택된 리소스에 액세스 할 수있는 권한을 얻을 수있게하는 메커니즘입니다. 사용자 에이전트는 현재 문서의 출처가 아닌 다른 도메인, 프로토콜 또는 포트에서 자원을 요청할 때 원본 HTTP.. 2018. 4. 30.
[AngularJS] 폼/유효성 검사를 위한 템플릿 ng-model : 바인딩 대상이 되는 모델명name : 폼에서 사용하는 이름ng-required : 필수 입력 여부ng-minlength : 입력값의 최소 글자 수ng-maxlength : 입력값의 최대 글자 수ng-pattern : 입력값과 비교될 정규표현식ng-charge : 사용자 입력이 발생할 때 실행될 정규표현식 유효성 검사 예제 ↑ 위 인풋값에서 각 값을 넣어 유효성검사를 해보자. name : 필수입력 phone number : 000-0000-0000 user info : {{name}} / {{tell}} sampleForm.name.$valid = {{sampleForm.name.$valid}} sampleForm.name.$error = {{sampleForm.name.$error}}.. 2018. 3. 19.
[AngularJS] 조건 데이터 표현을 위한 템플릿 (ng-switch, ng-if) 조건 데이터 표현을 위한 템플릿 ng-switch : 어떠한 html태그에서도 사용할 수 있으며, 부모 요소에서 ng-switch="표현식"을 작성. (표현식에 $scope의 속성명이 오게 된다.) 자식 요소에서 ng-switch-when="조건일치값" 을 작성한다. ng-switch를 사용한 조건에 따라 div의 색이 변경되는 예제 red blue ng-show, ng-hide : 적용 요소를 css의 display 속성변경으로 보여주거나 숨김 ng-if : 요소 자체를 없애거나 생성하는것. ($scope 또한 없어지고 생성된다.) ng-if를 사용한 checkbox 에 체크시 버튼이 보여지는 예제 show button 2018. 3. 13.
[AngularJS] 양방향 데이터 바인딩의 예제 {{menu.itemName}} {{menu.itemPrice}} buy 가격 : {{totalPrice}} ng-app : Angular 범위를 제한. 하위 노드들이 Angular기능을 사용할수 있게 된다. ng-controller : 적용된 태그영역을 제어하는 컨트롤러 함수를 입력 ng-repeat: for/in과 같은 형태로 반복 데이터를 표현 ng-model : 자바스크립트 객체와 화면 요소 사으의 양방향 데이터 바인딩을 가능하게 한다. ng-click : 컨트롤러 함수의 $scope에 할당된 함수를 호출한다.buy 2018. 3. 13.
Replication [Replication]데이터를 물리적으로 다른 서버의 저장공간에 동일한 데이터를 복사하는것.1개의 마스터와 n개의 슬레이브로 구성. 마스터에서만 데이터변경(읽기포함) 작업 수행이 가능하며 슬레이브에서는 읽기작업만 가능. Replication 기능과 용도는 각각의 데이터 베이스 특징에 따라 다르지만 기본적으로 데이터 백업과 복구를 의미하 는 것은 같다. Mysql 에서 Replication 은 백업/복구는 물론 미러링 구축으로 활용하기 좋은 도구이다. 또한 마스터 서버의 데이터 베이스에 과부하가 걸리는 경우, Replication 을 통해 슬레이브 서버로의 효과적인 분산이 가능하다. - 장점 과부하 마스터서버의 부하 분산서버로 활용 , 마스터에서 장애발생시 슬레이브를 이용하여 자료의 유실없이 마스터 복구.. 2018. 3. 6.
GCM [GCM(Google Cloud Messaging) 이란?]GCM이란 개발자가 서버에서 자신의 Android 애플리케이션으로 데이터를 전송하게 해주는 무료 서비스이다. 서버에서 가져와야할 새로운 데이터가 있음을 Android 애플리케이션에 알리는 적은 용량의 메시지이거나, 최대 4KB의 데이터를 포함하는 메시지일 수 있다. (1KB = 1024byte 한글자당 2byte 4KB = 한글 2천자 정도)따라서 메신저와 같은 앱은 메시지를 직접 사용할 수 있다. 구글 2012 I/O에서 그전까지 사용한 C2DM대신 GCM을 들고 나왔다. 그 뒤 구글은 C2DM의 신규 가입을 중단하고, GCM만 사용하도록 권장하고 있다. GCM이 구글 계정을 사용하고, 그 때문에 API 8 (프로요)이상 부터 사용이 가능하다... 2018. 3. 5.