agent = navigator.userAgent.toLowerCase(); if ( (navigator.appName === 'Netscape' && navigator.userAgent.search('Trident') !== -1) || (agent.indexOf("msie") !== -1) ) { alert('Internet Explorer는 호환되지 않는 브라우저 입니다.') }
navigator
객체 안에 사용자가 어떤 브라우저로 접속했는지 알려주는 값이 들어있다. IE 11이 나오기 전까지는 agent.indexOf("msie") !== -1
만 사용해서 판별할 수 있었다. 그러나 IE 11부터는 mise 대신 trident를 사용하기 시작해서 navigator.appName === 'Netscape' && navigator.userAgent.search('Trident')
코드를 추가하게 되었다.
React로는 alert
만 띄울 수 있는 줄 알았는데 배너와 같은 컴포넌트도 보여줄 수 있는 것 같다. 아니 대체 어떻게 가능한 거지 이번 배포 때는 alert만 썼지만 개선할 때 응용해볼 수 있을 듯하다!
간단하게 적용해봤지만 아무것도 뜨지 않았다...😰 아예 App.js를 타지 못하는 것 같았다.