[url]에서 리디렉션한 횟수가 너무 많습니다. 연관글 영역 1. 원인 어떤 식으로든 계속 페이지가 호출되고 있다는 뜻입니다. 일반적으로 페이지 간 무한루프에 빠지면 발생합니다. 여기서 말하는 무한루프는 상황 1 1) A 페이지에서 자동으로 B 페이지로 이동 2) B 페이지에서 자동으로 A 페이지로 이동 상황 2 1) A 페이지에서 A 페이지를 자동으로 호출 이런 식으로 구성된 상황을 말합니다. 이것 말고도 다양한 이유로 예상하지 못한 페이지 간 무한루프로 빠지면 이 메시지를 보게 됩니다. 그러니까 A를 처리하고 사용자에게 B 페이지를 보여준 후 다시 A로 가는 기능이 있었는데 A에서 B로가는 과정이 생략되고 A로가면 다시 B로 넘기는 행위를 반복하는 현상.,..... 즉, 만든 사람이 기능을 잘못 생각..

Error: $injector:modulerrModule Error Error: $injector:unprUnknown Provider 이런 에러는 앵귤러 내부에서 모듈 매칭이 실패 했을 때 주로 발생합니다. 특히 asp.net의 번들(Bundle) 기능 같은 미니마이즈(Minimized)를 하게 되면 반드시 펑션의 매개변수가 단순화되고 이 문제 때문에 앵귤러 내부모듈을 찾을 수 없어 에러가 나게 됩니다. 미니마이즈를 사용하지 않으면 앵귤러 내부모듈과 이름으로 매칭이 되기 때문에 에러가 나지 않습니다. 1. 테스트 코드 아래 코드를 실행해 봅니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 Minimized Test var app..

클로우리 컴파일러 소개 goolge developers - Closure Compiler 구글에서 제공하는 자바스크립트 미니마이저 툴임 클로우저 컴파일러(Closure Compiler) 입니다. 바로가기 - Closure Compiler 웹에서 사용 가능합니다. 사용법은 간단합니다. 왼쪽 창에 코드를 넣고 컴파일(Compile) 버튼을 누르면 왼쪽에 결과가 나옵니다. 코드 넣는 곳에 위쪽에 있는 주석은 컴파일 옵션입니다. (참고 : Closure Compiler - Closure Compiler Compilation Levels ) 다 좋은데 웹 기반이라 로컬파일을 읽을 수 없다는거 ㅎㅎㅎ 파일을 여러 개로 만들었다면 수작업을 해야 합니다-_-;

html을 작성하다보면 자주 사용 하는 것 중에 하나가 'float'속성입니다. 그런데 'float'속성의 특징은 다른 레이아웃에 영향을 주지 않는 것이죠. 0. 테스트용 코드 작성 테스트용 html을 다음과 같이 작성합니다. aaaaaaaaaaaaaaa bbbbbbbbbbbbbbb ccccccccccccccc 이 코드를 실행하면 다음과 같이 나옵니다. 1. 문제 이제 '.Child1'과 '.Child2'에 'float'을 추가해 봅시다. .Child1 { background-color:yellow; width:300px; height:300px; float:left; } .Child2 { background-color:red; width:200px; height:200px; float:left; } 이..

아무런 플러그인을 적용하지 않았다면 기본적인 자바스크립트로 'add'하거나 제이쿼리(JQuery)의 'append'를 이용하여 추가 할 수 있죠. 문제는 'Bootstrap-select'를 이용하면 되지 않는다는 것이죠 ㅎㅎㅎ 1. 레퍼런스(reference) 확인 뭔가 이상해서 레퍼런스를 확인해 봤습니다. (참고 : silviomoreto - bootstrap-select ) 아.... '부트스트랩-셀랙트'를 사용할 때 옵션이 변경되면 'refresh'를 호출하여 UI에 반영할 수 있다고 설명되어 있습니다. 2. 테스트해 보기 '부트스트랩-셀랙트'의 샘플이 잘돼 있어서 제가 따로 만들 필요가 없을 것 같긴 한데 한번 만들어 봅시다. 2-1. HTML 작성하기 이전에 작성했던 포스트에서 'select'태..

기본 부트스트랩에는 태그에 대한 스타일 시트나 자바스크립트가 없습니다. 그런데 다행히도 누군가 만들어 둔것이 있군요 ㅎㅎ 1. Bootstrap-select 'Bootstrap-select'라는 프로젝트입니다. 부트스트랩을 사용할때 태그의 디자인과 기능을 확장해줍니다. (참고 : silviomoreto - bootstrap-select ) 1-1. 설치 설치는 간단합니다. 다운로드 받은 파일중 'bootstrap-select.min.js'와 'bootstrap-select.min.css'를 원하는 위치에 넣고 웹페이지에서 임포트 해줍니다. (위치는 제이쿼리 위에 부트스트랩 아래 위치하는게 좋을듯 하네요.) 1-2. 추가 코드 그냥 이상태로 넣고 사용하면 아무런 동작을 하지 않습니다-_-;;; 결국 셈플을..

자바스크립트는 독특한 것들이 많은데 그중 하나가 연관배열입니다. 직접적으로 연관배열이 지원되는 언어는 많지 않은걸로 알고 있는데 말이죠 ㅎㅎㅎ (참고 : 위키백과 - 연관 배열) 1. 연관 배열 이란? 일반적으로 배열에 접근하기 위해서 인덱스(index, 첨자)를 이용하여 접근합니다. int nArray[10]; nArray[3] = 11; nArray[9] = 13; 이런 식입니다. 그런데 자바스크립에서는 위와 같은 일반적인 방법 이외에도 인덱스대신 문자열을 이용하여 접근 할수 있습니다. int nArray = new Array(10); nArray["Val01"] = 11; nArray["Val01"] = 13; 이렇게 말이죠. 이렇게 인덱스가 아닌 키로 배열에 접근하는 것을 연관배열이라고 합니다. ..

1. 문제의 발견 구글 Closure Compiler를 사용하다가 다음과 같은 오류가 났습니다. JSC_TRAILING_COMMA: Parse error. IE8 (and below) will parse trailing commas in array and object literals incorrectly. If you are targeting newer versions of JS, set the appropriate language_in option. at line 5 character 2 in HelloWorld.js BG: "background", ^ 앵? 번역을 해보니 자바스크립트에서 쉼표가 잘못되서 IE8에서 문제가 될 수 있다나 머라나;;; (대충 표준에 안 맞다는 소리입니다.) 2. 해결 방법..

웹디자인의 이슈 중 하나가 반응형 디자인입니다. 반응형 디자인이라는 건 해상도가 변해도 다른 작업 없이 레이아웃이 구성되도록 하는 것을 말합니다. (유동 디자인, 능동형 디자인 등으로 부릅니다.) 해상도에 따라 다른 화면이 아닌 일정한 화면을 보여주는 방식으로 크로스 브라우징을 해결하려고 하는 생각은 이전부터 있었습니다. 그런데 이 방법의 가장 큰 문제는 한가지 스타일만 가지고는 이 문제를 해결할 수 없다는 점입니다. 그래서 생겨난 것이 '@media'인데.... 미리 정의한 타입들만 가지고는 한계가 있다는 문제점이 있습니다. (참고 : sixmen - Media Query ) 그래서 CSS3에서는 미디어 쿼리라는 것이 생겼습니다. 1. 문제의 시작 특정 범위의 해상도에서는 한가지 스타일만 가지고 있어도..

남이 만들어논 코드 분석하고 있는데.... 0x80004001 - Microsoft JScript 런타임 오류: 구현되지 않았습니다. 분명 잘 작동하는 코드이고 검증이 끝난 코드인지라 물어볼때도 없고 ㅡ.-;;; 구글 검색해도 그렇다할 내용은 나오지 않습니다. 그러던중...... 아! 제가 서버에 원격으로 붙어서 작업 하고 있는데 서버는 사운드카드가 없습니다.... "에이~설마" 하면서 개발피씨에서 돌려보니 돌아가네 ㅡ,.ㅡ;;;; 문제는 사운드카드가 없는 pc에서는 오류때문에 웹페이지만 멀뚱멀뚱 봐야 한다는 것입니다-_-;;;;;; 그러니 사운드카드가 사용가능한지 확인하고 나서 사운드 관련작업을 해야 한다는 이야기 입니다. ㅎㅎㅎ 사운드카드 자체를 확인할 방법은 편법(윈도우 미디어 플래이어의 'IsSo..