폴리필(Polyfill)이란? 폴리필은 기본적으로 지원하지 않는 이전 브라우저에서 최신 기능을 제공하는 데 필요한 코드를 의미합니다. 웹 환경을 빠르게 변화하고 있습니다. ES6 문법이 나오고 TypeScript가 나오고 계속해서 다양한 기술들이 나오겠죠. 이 기술들은 각각의 디바이스와 브라우저를 통해 클라이언트에 전달이 됩니다. 그렇지만 과연 브라우저에 내장된 자바스크립트 엔진이 항상 최신화된 코드를 읽을 수 있을까요?? 실제로 지원이 중단된 internet explorer의 경우 최신 코드를 읽지 못합니다. 이러한 문제를 해결하기 위해 폴리필이 사용됩니다. 폴리필을 사용하면 제가 사용하려는 기능을 지원하지 않는 브라우저에서도 그 기능을 쓸 수 있게 됩니다. 트랜스파일(Transpile)이란? 트랜스파..
web/javascript
5월 16일 오늘은 아이유님의 생일입니다. 축하 기념 공지를 띄워보도록 하겠습니다. 모달과 팝업의 차이 본문에 들어가기 앞서 모달과 팝업에 대해서 간략하게 언급하겠습니다. 둘이 비슷하게 메인 윈도우에 또 다른 윈도우를 띄우는 기능을 하고 있습니다. 그러나 팝업의 경우에는 완전 다른 윈도우라면 모달은 부모 자식간의 관계를 유지하고 있습니다. 또한 팝업 차단 기능으로 개발자의 의도와는 상관없이 사용자가 제어가 가능하지만 모달은 그게 아니라고 합니다. 그래서 요즘은 모달을 많이 쓰는 추세라고 합니다. 참고 https://bomango.tistory.com/57 모달창 VS 팝업창, 차이가 뭔데? "팝업창 말고 모달창으로 만들어줘~" "이번 모달창은 iframe으로 만들어~" 입사 초기에 모달=팝업 이라고 생각..
일반적인 경우 jQuery를 이용하는 경우에 엔터키를 자동으로 입력해주는 스크립트를 아래처럼 작성할 수 있습니다. var e = jQuery.Event("keypress"); e.which = 13; $(selector).trigger(e); 크롬 확장 프로그램의 자바스크립트의 경우 앞선 예제와 차이점이 존재합니다. 특정 페이지에서 동작하는 자바스크립트 코드가 존재할 테고 이는 확장 프로그램을 만들기 위해 작성하는 스크립트랑은 다르다는 것을 인지하셔야 합니다. 문법이 다르다는 이야기가 아니라 frame이 다릅니다. 따라서 추가한 이벤트를 페이지에서는 적용이 안됩니다. 대부분 개발자도구에서 먼저 테스트를 해보고 성공한 코드를 js에 추가하고 확장 프로그램을 로드하실 텐데요. 그러고 이벤트가 동작하지 않는 ..
legacy한 keyCode 자바스크립트로 키보드 이벤트를 구현하던 와중 궁금증이 생겼습니다. 간단하게 Alt키를 눌렀을 경우를 체크하려는데 keyCode 부분에 이건 아니라는 듯이 줄이 쫙 그어져 있는 문제였죠. 코드를 실행하면 정상적으로 동작은 하지만 찜찜해서 찾아봤습니다. 취소선에 마우스를 가져가면 다음과 같은 메시지를 볼 수 있습니다. 'keycode' is deprecated를 구글에 검색해봤습니다. stack overflow에 이미 관련 질문이 있더군요. 링크 : stackoverflow.com/questions/35394937/keyboardevent-keycode-deprecated-what-does-this-mean-in-practice I'd suggest that you should ..
