인터넷 익스플로러 사용자를 엣지 브라우저로 이동시켜야 하는 이유

인터넷 익스플로러 사용자를 엣지 환경으로 안내하는 방법을 설명한다. 인터넷 익스플로러의 지원 종료에 따라, 웹사이트 호환성과 사용자 경험 향상을 위해 사용자를 엣지로 이동시키는 자바스크립트 코드를 제시하며, 해당 코드의 작동 원리를 분석한다. 이를 통해 익스플로러로 발생하는 문제를 방지하고 웹사이트의 품질을 높일 수 있다. ✨시작하며 인터넷 익스플로러의 지원이 종료되었음에도 현재까지 많은 사용자가 익스플로러를 사용하고 있다. 왜 사용자들을 엣지 환경으로 안내해야 할까? 바로 이 작업을 통해 웹사이트 호환성과 사용자 경험을 향상하고, 익스플로러로 인해 발생하는 여러 문제를 방지할 수 있다. 상황에 맞게 적절하게 사용하자. 어떻게 이동시켜야 할까? if(/MSIE \d|Trident.*rv:/.test(na..

• format_list_bulleted Programming/HTML, CSS, JS
• · 2023. 11. 10.
• textsms

onKeyup이벤트로 정규표현식을 이용해 숫자만 입력받기

input에 오직 숫자만 입력받으려고 한다. 따라서 0~9가 아닌 문자열은 모두 제거하면 된다. 여기서 onKeyup은 키보드의 키를 눌렀다가 뗐을 때 발생하는 이벤트다. onKeyup="this.value=this.value.replace(/[^0-9]/g,'');" HTML 삽입 미리보기할 수 없는 소스 this.value는 현재 input 필드의 값을 말한다. 현재 input 필드에 '문자 테스트123'이라는 값이 있다고 가정하면 this.value는 '문자 테스트123'이 된다. 다음에 '문자 테스트123'이라는 값을 replace 한다. /[^0-9]/g는 정규 표현식으로, 숫자가 아닌 모든 문자를 의미한다. ^는 not을, 0-9는 숫자를, g는 global을 의미해 문자열 내에서 대상을 모두..

• format_list_bulleted Snippets
• · 2023. 11. 8.
• textsms

[JavaScript/드림코딩] 데이터타입, data types, let vs var, hoisting

본 포스트는 드림코딩님의 자바스크립트 기초 강의 (ES5+)를 수강 후 정리한 노트입니다. Scope Block scope 블럭 밖에서는 블럭 안의 내용을 볼 수 없게 된다. Global scope 필요한 부분에서만 정의해서 쓰는 것이 좋다. let vs var let ES6에서 추가되었다. 중복 선언이 불가능하다. 값의 재할당이 가능하다. 선언된 변수는 전역객체의 프로퍼티가 아니다. var 중복 선언이 가능하다. 값의 재할당이 가능하다. 선언된 변수는 전역객체의 프로퍼티다. 어디에 선언했냐에 관계없이 항상 제일 위로 선언을 끌어 올려주는 hoisting이 발생한다. mutable vs immutable mutable let 변할 수 있는 값을 뜻하며, 계속해서 변하는 값을 정의할 때 사용한다. immu..

• format_list_bulleted IT/HTML, CSS, JS
• · 2022. 9. 30.
• textsms

[JavaScript/드림코딩] 콘솔 출력, script async와 defer 차이점

본 포스트는 드림코딩님의 자바스크립트 기초 강의 (ES5+)를 수강 후 정리한 노트입니다. 콘솔 출력 console.log('Hello World!'); 위와 같은 JS파일을 작성 후 main.js라는 이름으로 파일을 저장한다. 만약 PC에 Node.js가 설치되어 있다면, 방금 작성한 JS파일을 화면에 출력시킬 수 있다. 콘솔을 실행한 다음 main.js 파일을 저장한 경로로 이동 후 아래와 같은 명령어를 입력하면 위에서 작성한 'Hello World!'가 콘솔에 출력되는 것을 확인할 수 있다. node main.js 아래 사이트에서 각 운영체제에 맞는 Node.js를 다운로드할 수 있다. script async VS defer script head 태그 안 body 태그 안 사용자가 기본적인 HTML..

• format_list_bulleted IT/HTML, CSS, JS
• · 2022. 9. 27.
• textsms