본문 바로가기

Dev/web

[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.. 더보기
[angular] constructor-vs-ngoninit https://www.linkedin.com/pulse/angular-constructor-vs-ngoninit-madhumati-hosamani Angular Constructor vs ngOnInit Angular has constructor and ngOnInit method which are executed on component load. The main confusion here is when to use what? The constructor is not actually part of Angular 2. www.linkedin.com 물론 안읽어봤다 더보기
[css] 레이아웃 잡을 때 참고했던 링크들 가운데 정렬 https://blog.logrocket.com/13-ways-to-vertical-center-in-2018-cb6e98ed8a40/ 13 ways to vertical center in 2018 - LogRocket Blog CSS has made major leaps since the days when simple tasks were arduous. Now, something like vertical centering is effortless through different methods. blog.logrocket.com header 처리 https://stackoverflow.com/questions/17054158/css-100-height-with-header-and-footer.. 더보기