최근 웹사이트 개발은 크롬기반으로 개발을하기 떄문에 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 ..
[Javascript]java.lang.IllegalArgumentException:요청 타겟에서 유효하지 않은 문자가 발견되었습니다.유효한 문자들은 RFC 7230과 RFC 3986에 정의되어 있습니다.
2021.06.01
Query String에 특수문자 또는 한글이 포함되면 발생하는 에러라고 하는데 다른 브라우저들은 인코딩처리가 되지만 IE에서는 안해준다고 함 ( IE 서비스 종료 해줘 ) 그러므로 GET방식으로 요청하기전 view단에서 URI를 JS의 encodeURI() 함수를 이용해서 인코딩 처리를 한뒤 요청한다. encodeURI() 함수는 아래사이트를 참고하면 된다. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURI
[Bootstrap]DevTools failed to load SourceMap 경고 메시지 없애기
2021.01.19
부트스트랩에서 파일을 직접 생성해서 했더니 개발자 도구 콘솔에서 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); } }
태그는 요소에서 사용하기 위한 옵션들의 리스트를 미리 정의할 때 사용합니다. 옵션들은 자동완성 기능을 제공합니다. 태그와 태그는 datalist의 id와 input의 list로 연결시킵니다. autocomplete='off'는 datalist가 출력될 때 input에 브라우저에서 저장해둔 내용이 뜨는 걸 막습니다. 안에 태그로 값을 줄 수 있습니다. value 저는 DB에 저장되어있는 개발사와 유통사를 자동으로 제시해야 하기 때문에 script 단에서 DB에 있는 값을 option단위로 넣어줬다 DB에 값을 넣어줬다 입력한 글자에 맞춰서 자동완성이 된다 동일한 글자에 색상을 넣거나 DATALIST 출력 개수 제한 같은 건 찾아봐야 할 거 같다.
다양한 값을 선택하려고 할 때 셀렉트 박스와 체크박스 두 가지 특징을구현할 수 있는 멀티 셀렉트 구현 방법입니다. bootstrap multiselect부트스트랩에서 지원하는 라이브러리입니다. github.com/davidstutz/bootstrap-multiselectgithub에서 2개의 파일을 다운로드하여주세요.1.bootstrap-multiselect.css2.bootstrap-multiselect.js resource 폴더에 넣으신다음 관련 파일을 link로 연결해줍시다. 구현된 소스JSP에 추가한 소스 PC SWITCH PS3 PS4 PS5 Xbox 360 Xbox One Xbox Series X Xbox Series S JSP에 JS구간에 추가한 소스$(document).ready(funct..