기록을 남기자...

역시나, 크롬과 엣지에서는 지원되는 ajax 구문 중 fetch 가 익스플로러는 지원 안한다고 한다.
대부분의 구글링은 cdn 을 사용하면 된다고들 하지만, 상황이 여의치 않아 해당 파일을 로컬에서 적용해야
하는 경우도 있다.

https://cdn.jsdelivr.net/npm/whatwg-fetch@3.0/dist/fetch.umd.min.js    
https://cdnjs.cloudflare.com/ajax/libs/fetch/3.5.0/fetch.min.js  
https://cdnjs.cloudflare.com/ajax/libs/fetch/3.5.0/fetch.js  

위 주소를 인터넷 창에 치면 글씨다 쭉~~~~ 나올텐데.. 그 상태에서 ctrl+s를 누르면 위 파일명으로 저장이 된다.
위 3개 파일을 각 .js 명으로 저장한 뒤 파일을 local에서 적용하면 된다.

<script type="text/javascript" src="/lib/fetch.js"></script>
<script type="text/javascript" src="/lib/fetch.umd.min.js></script>
<script type="text/javascript" src="/lib/"fetch.min.js</script>

위 구문을  적용 후 tomcat 을 재 실행 하면 정상적으로 동작 하는 것을 확인 할 수 있다.

* 추가 글 --> Explorer 의 경우 ajax 관련 업데이트를 지원하지 않는다고 한다.   아마도 일부 작업하신 분들 중에는 해당 정보를 가져와서 보여주는 부분까지는 될테지만, 조회 같은 상태 정보에 대해서는 업데이트 되지 않는 분들이 있을 수 있다.   이 경우에는 기존 fetch 구문  --> fetch(url + "?key=" + new Date().getTime() { } 식으로 수정해주면 된다.

이 + "?key=" + new Date().getTime() { }  추가한 부분은 인터넷 익스플로러의 경우 cache 가 refresh 되지 않기 때문에, 요청할 시 url 정보에 추가적으로 날짜 시간을 덧붙여서 같은 url 로 호출하는 것을 방지하여, update 시에 정보를 가져오기 위함이다.

1. includes ("포함된 문자열")  -> indexOf("포함된 문자열") >= 0
2. padStart( 5, 0 ) ->
https://blogpack.tistory.com/600 (참고 사이트)

function fillZero(width, str){
    return str.length >= width ? str:new Array(width-str.length+1).join('0')+str;//남는 길이만큼 0으로 채움
}

이외에도 여러가지가 있을 듯 하지만, 내가 프로젝트 진행 중에 크롬, 엣지는 이상없었는데... 익스플로러 테스트 중 나온 이슈 중 일부이다.
대체 방법을 찾으면 되지만, 초보인 나로서는 적지 않게 당황을 했었다...   다들 저보다 실력이 좋으실테지만, 혹시라도 답을 빨리 찾으시길 바라는 마음에 공유 해봅니다.

document.getElementById("id").disabled = false; -> 활성화

document.getElementById("id").disabled = ture; -> 비활성화

<select name="StartTime" id="StartTime"

class="form-control" style="width: 45%">

<script>

for (var i = 0; i < 49; i++) {

var hour = '';

var min = ':00';

if ((Math.ceil(i / 2)) < 13) {

hour = (Math.floor(i / 2));

} else {

hour = (Math.floor(i / 2));

}

hour = (Math.floor(i / 2));

if (hour < 10) {

hour = '0' + hour;

}

if (i % 2 != 0) {

min = ':30';

}

document

.write('<option value=' + hour + min + '>'

+ hour

+ min

+ '</option>');

}

</script>

</select></td>