JAVASCRIPT

포스트: 26|아이템:JavaScript(22)
Tags

Posts

26 posts

babel을 이용한 자바스크립트 브라우저호환성 해결

EVA RIDER|2020년 6월 5일

오래된 (<10) IE는 브라우저호환성 문제에서 천덕꾸러기다. const 나 let 같은거 쓰면 여지없이 망가진다. 오래된 표준을 사용하기 때문이다. MS가 패치를 하지 못하고 엣지나 그다음 아이를 내놔서 문제를 해결하려고 하는 걸 보면 어쩔수가 없는 모양인 것 같은데, 특히 한국은 여전히 오래된 IE를 쓰는 사람이 무시 못할 정도로 많아서 문제다. 요즘 웹기반의 상호작용기능을 가진 oTree 기반 설문모듈을 만들다 보니 javascript 를 피할 수가 없는데, 보통 호환성 테스트를 하면 다른 곳은 다 괜찮지만 IE에서 막힌다. 이 문제를 해결하려면 요즘의 js 코드를 옛날의 (es2015) js 코드로 변환해줘야 한다. 그게 babel이라는 아이다. 그리고 지금 쓸 내용은 미래에 또 IE

window.open 객체에 대한 통신 (window.postMessage) - window.open으로 열린 창이 정상적으로 열렸는지 확인

window.open으로 열은 새창이 정상적으로 Load가 되었는지 체크하고, 완료 되었을 경우 계산이 되게끔 하려고 함. 123456789 Colored by Color Scriptercs 하지만... 이렇게 하려면 프로토콜(http, https 등), 호스트네임(hostname), 포트(port) 세가지 모두 동일해야 가능하다고 한다...

[Meteor] mainModule 설정 (파일 로드가 main.js 빼곤 안될때...)

[Meteor] mainModule 설정 (파일 로드가 main.js 빼곤 안될때...)

Meteor 프레임워크는 아래와 같이 파일이 로드 된다고 하는데... HTML template files are always loaded before everything elseFiles beginning with main. are loaded lastFiles inside any lib/ directory are loaded nextFiles with deeper paths are loaded nextFiles are then loaded in alphabetical order of the entire path 아무리 해도 난 새로 생성한 프로젝트에서 lib 폴더 또는 server 폴더 안의 파일들이 로드가 안되었다... 몇시간을 원일을 찾다가... 발견한 이유가... package.json 이었다.

Reddit Logo Generator

내가 자주 가는 subreddit 인 r/proceduralgeneration 에서는 매 달 challenge 를 개최해서 유저들의 참여를 독려한다. 지금까지 재미있는 challenge 들이 많이 나왔는데, 이번에는 특히 이 subreddit 의 로고를 만드는 challenge 가 나왔다. 제한 조건은 다음과 같다. - reddit 글씨가 들어가야 함 + some art - 가로:세로 비율은 3:1. 120 * 40 px 로 보일 것이기 때문. - 오픈 소스. 설치 / 실행이 쉬울 것 -- 물론 코드를 올리는 대신에 많은 양의 로고 이미지 파일을 만들어서 업로드해도 됨 - 매일 새로운 이미지여야 함 이걸 보고 예전에 codepen.io 와 이 subreddit 에 올렸던 Waterc