Fall in IT.

최근 웹개발을 할때는 Angular, React, Vue 이 세 가지 프레임워크를 많이 이용합니다. 때로는, Typescript도 함께 사용하기도 하는데요, 이때 인터넷 익스플로러(IE)에서는 웹사이트가 동작하지 않는 경우가 종종 발생합니다. 에러를 확인해보면 Symbol is undefined 또는 Symbol이 정의되지 않았습니다. 라고 나오게 됩니다. 해당 문제는 babel-polyfill을 추가하면 해결할 수 있습니다. 해결방법 babel-polyfill 설치 $ npm install babel-polyfill 웹사이트의 엔트리 파일 위치에 babel-polyfill을 추가 (index.js 또는 index.ts 등) import 'babel-polyfill' 참조 https://www.npmjs..

설정 Visual Studio Code를 실행합니다. Cmd + Shidft + P 단축키를 누릅니다. "shell" 이라고 입력합니다. 셀 명령: Path에 code 명령 설치를 선택합니다. 실행 명령어 code명령어를 사용하여 실행합니다. $ code

safari에서 new Date() 사용할때 주의할점 Date 객체는 자바스크립트에서 많이 사용되는데요, 주의해야할 사항이 있습니다. String 타입의 날짜를("2019-03-15") Date 객체에 담아서 사용할때, 크롬과 사파리가 다르게 동작합니다. "yyyy-mm-dd"의 형태로 입력받을 경우 Safari와 Chrome 모두 정상동작하지만, "yyyy-m-dd"의 형태로 입력받을 경우 Safari에서는 error, Chrome에서는 정상동작하게 됩니다. let date = new Date("2019-03-15"); let date = new Date("2019-3-15"); // safari error!

HTML의 select 태그 사용시 기본값을 설정하는 방법 예제 ``` 선택해주세요. 아빠 엄마 ``` 참조 https://stackoverflow.com/questions/3518002/how-can-i-set-the-default-value-for-an-html-select-element How can I set the default value for an ..

안녕하세요. 오늘은 웹 작업을 할때 발생하는 Target container is not a DOM element 에러에 대해서 알아보겠습니다. 리액트를 사용할때, (리액트를 사용하지 않을때도 발생할 수 있습니다.) UInvariant Violation: Target container is not a DOM element 가 발생하는 이유는 DOM(Document Object Model 즉, HTML)이 렌더링 되기 전에 DOM element를 참조할 경우에 발생합니다. 예제코드 아래 예제 코드처럼 javascript 파일을 head에서 불러올 경우 하단에 있는 body 엘리먼트가 읽혀지지 않은 상태에서 javascript 파일이 호출되어 DOM element를 참조할 경우 에러가 발생하게 됩니다. 해결 ..