본문 바로가기

Dev/angular

[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와 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 물론 안읽어봤다 내가 경험한 바로는 dom 이 모두 로드된다음 ngOnInit 이 실행되고 그전에는 constructor가 실행된다. 그니깐 getElement.. 더보기
[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.. 더보기
[javascript] ghost margin in canvas https://stackoverflow.com/questions/9878090/eliminate-ghost-margin-below-html5-canvas-element Eliminate ghost margin below HTML5 canvas element? When we create an HTML5 canvas element, a ghost margin appears below the canvas element even though we set the margin and padding to 0. Example: http://jsfiddle.net/yvbmd/ We tried a variety of t... stackoverflow.com 이런상황임 이건 그냥 canvas가 기본이 block 요소가 아닌.. 더보기