본문 바로가기

Dev/angular

[angular] Including javascript file angualr8 여기서 이야기하는 javascript file은 export 가 깔끔히 되어있어서 import { asdf } from 'asdfsafd' 이렇게 쉽게 사용할수 있는 js 파일이 아니다! 도대체 정리가 안된 javascript file을 어떻게 angular가 실행하게 만들까? 1. 먼저 angular.json 에 script에 등록시킨다 (그래야 실행이된다) 2.하지만 내가 포함하고 싶은 js 파일은 함수들로만 구성된 파일이다. 3. 함수들로구성된.js 를 var hello = (function() { return { func1: function() { alert('hello func 1'); }, func2: function() { alert('hello func 2'); } } }).. 더보기
[angular] ie11 host check error ng serve --disable-host-check --port=4444 angular8 https://github.com/webpack/webpack-dev-server/issues/1604 아직 해결된 이슈가 아니다.근데나는 ie11에서만 이런 에러가 나서 그냥 무시하는 명령어를 사용했다. 포트도 명시적으로 적어줬고 Invalid Host/Origin header [WDS] Disconnected! 이거 반복되는거 보기 싫어서 --disable-host-check 를 사용했다. 이전에 쓴 글을 응용하자면 ng serve --configuration es5 --disable-host-check --port=4444 이렇게 하면 큰 문제 없이 익스플로러에서도 앵귤러가 작동한다. 더보기
[angular] ie11 SCRIPT5022: SecurityError 아 익스플로러 진짜 싫음. popyfills.ts에 import 'core-js/es7/object'; import 'core-js/es7/array';이거 두줄 추가 더보기
[angular] ng serve is not working with ie11 앵귤러8은 ie11은 지원안한다. 빌드해서 실행하면 되지만, 개발서버 (ng serve)에서는 그냥 흰색 화면만 뜬다. 왜 그러냐 ie11 은 es5문법만 읽음, 근데 ng serve는 es2015(es5)을 타겟으로 빌드하기 때문임 https://github.com/angular/angular-cli/issues/14455 ng serve/test/e2e does not work with Internet Explorer 11 · Issue #14455 · angular/angular-cli 🐞 Bug report Command (mark with an x) - [ ] new - [ ] build - [x] serve - [ ] test - [ ] e2e - [ ] generate - [ ] add - .. 더보기
[angular] build with single bundle use ngx-build-plus [link] ng build: 테스트 빌드, 배포테스트(브라우저 테스트), .map파일 생성됨 ng build --single-bundle: css없이 js 파일만 존재 ng build --single-bundle --prod: 소스 코드 압축도됨 ng build --prod: css 있음, js 파일 있음 , 소스 코드 압축됨 더보기
윈도우 사이즈 프론트엔드 개발을 하다가 window.innerWidth height하곤하는데 .. 이게 스크롤이 있을때 그 뒤에 숨겨진 부분까지의 크기는 아니다. 그냥 눈에 보이는 부분의 크기다. https://stackoverflow.com/questions/3437786/get-the-size-of-the-screen-current-web-page-and-browser-window Get the size of the screen, current web page and browser window How can I get windowWidth, windowHeight, pageWidth, pageHeight, screenWidth, screenHeight, pageX, pageY, screenX, screenY whi.. 더보기