Frontend

최근 웹사이트 개발은 크롬기반으로 개발을하기 떄문에 IE에서는 호환이 안되는 경우가 많다 그래서 IE로 접속했을때 크롬 기반의 Edge로 실행하도록 하는 코드를 찾았다. IE로 접속시 Edge로 실행하기 var url = 'http://localhost:8080'; if(navigator.userAgent.indexOf("Trident") > 0){ alert("*은 Microsoft Edge, Chrome 브라우저에 최적화 되어있습니다. " + "원할한 사용을 원하시면 Microsoft Edge, Chrome 브라우저를 권장합니다. 확인버튼을 누르면 Edge브라우저로 자동으로 이동됩니다."); window.location = 'microsoft-edge:' + url; }else if(/MSIE \d ..

Query String에 특수문자 또는 한글이 포함되면 발생하는 에러라고 하는데 다른 브라우저들은 인코딩처리가 되지만 IE에서는 안해준다고 함 ( IE 서비스 종료 해줘 ) 그러므로 GET방식으로 요청하기전 view단에서 URI를 JS의 encodeURI() 함수를 이용해서 인코딩 처리를 한뒤 요청한다. encodeURI() 함수는 아래사이트를 참고하면 된다. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURI

js에서 ajax 호출이 정상적인데도 서버에서 200에러로 발생되는 경우 서버에서 반환하는 data의 type과 일치하는지 확인한다. $.ajax({ dataType: "text", ... }); json, string, text... 서버에서 반환하는 값을 확인 후 일치 시키면 된다.

부트스트랩에서 파일을 직접 생성해서 했더니 개발자 도구 콘솔에서 DevTools failed to load SourceMap: Could not load content for ***://***. com/sample.min.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME 해당 내용이 발생한다 경고이기 때문에 큰 문제가 되지는 않지만 사용자가 보면 그냥 나쁠거같아서 지우려고 했다. 해당 메시지가 발생되는 js나 css에 // # sourceMappingURL=sample.min.js.map라고 적어 저 있는 부분을 // //# sourceMappingURL=sample.min.js.map 주석 처리하면 된다

만약 전화번호 입력 칸 같은 경우 010-0000-0000 2,3번째 input 태그 안에는 4글자 제한이 필요하다 라는 경우에 사용하는 게 input에 maxlength 속성이 있다. 아래와 같이 사용한다. 하지만 전화번호 같은 경우 숫자만와야하니 type을 Number 변경한다 이경우 maxlength가 작동되지 않고 제한을 넘어간다. type="Number"인 경우 maxlength를 사용할 수 없다 javascript로 처리하게 된다. function maxLength(object){ if (object.value.length > object.maxLength){ object.value = object.value.slice(0, object.maxLength); } }

//현재 페이지의 URL불러오기 var curr_url = document.URL; //URL객체 생성 var new_curr_url = new URL(curr_url); //url에서 type이라는 파라미터를 찾아서 param에 넣음 var param = new_curr_url.searchParams.get("type"); if( param == "i" ){ //param값이 i일 경우 실행 }