시나몬 브레드 시나몬 브레드

개요 웹 개발시 자바스크립트로 외부 서버의 경로로 ajax요청을 날리면 에러가 나면서 요청이 실패한다. 웹 브라우저의 콘솔창에 아래와 같은 메시지를 보게 된다. 크롬 No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ‘[요청한 도메인]' is therefore not allowed access. 파이어폭스 교차 출처 요청 차단: 동일 출처 정책으로 인해 [요청한 도메인]에 있는 원격 자원을 차단하였습니다. (원인: 'Access-Control-Allow-Origin' CORS 헤더가 없음). 외부로 요청이 안되는것은 자바스크립트 엔진 표준 스팩에 동일 출처 정책(same-origin policy)이라는 ..

웹 폰트 아이콘을 소개 합니다. 폰트가 원래 글자를 벡터기반으로 화면에 표시하기 위한 기술입니다. 확대해도 깨지지 않는 이런 벡터 그래픽의 장점에 착안하여 벡터 기반의 아이콘들을 폰트에 담에서 웹 어플리케이션에 활용 할 수 있도록 만들어놓은것이 웹 폰트 아이콘입니다. css를 통해서 간단하게 웹 페이지의 원하는곳에 다양한 아이콘을 넣을 수 있고 요즘의 심플한 웹 디자인 트렌드와도 맞물려 유용하게 활용되고 있습니다. 특히 디자이너와 협업이 어려운 상황에서 이미 만들어진 이런 각종 아이콘이 있다면 개발자혼자서도 웹 사이트 정보전달력을 높이고 디자인적으로도 나쁘지않은 웹 사이트를 제작할 수 있습니다. 무료 버전 폰트와 유료 버전 폰트 아이콘이 있는데 무료만으로도 충분히 쓸만하고 유료는 좀더 다양한 아이콘과 컬..

자바스크립트 객체에 어떤 키 와 값이 있는지 확인 하는 방법을 알아보자 아래는 일반적인 자바스크립트 객체(json)이다. var someObj = { Accept: 'application/json', date: 'Sun, 16 Mar 2014 17:16:39 GMT', content-encoding: 'gzip'} 위의 someObj 객체의 속성에 접근하기 위해서는 일반적으로 아래와 같이 사용한다. someObj.date //application/json 값을 나타냄someObj.Accept = 'text/plain' //Accept 속성에 'text/plain'값을 할당함 만약 어떤 객체에 어떤 속성이 있는지 미리 알 수 없지만 알아내야 한다면, 아래와 같이 속성 이름을 찾을 수 있다.(객체의 속성이름..

(원본 링크: https://developer.chrome.com/apps/first_app) 이튜토리얼은 처음으로 크롬앱을 만드는 과정을 안내합니다. 크롬앱은 manifest와 패키징방법등 크롬 확장 프로그램과 비슷하게 구성되어 있습니다. 이 튜토리얼을 마친후 아래 만들어진 파일을 zip파일로 묶으면 바로 웹스토어에 게시할 수 있는 상태가 돱니다. 크롬앱은 아래의 구성요소를 포함하고 있습니다.manifest 파일: 크롬에게 앱에 대해서 알려줌. 프로그램 시작방법, 필요한 권한정보등 background script 파일: 앱의 라이프 사이클을 관리하는 이벤트 페이지를 만드는데 사용 icon과 같은 리소스들: 아이콘과 기타 자산들이 앱 패키지안에 포함되어 있어하 함 패키징된 크롬 앱 코드들: HTML, J..