본문 바로가기

Dev

[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 파일 있음 , 소스 코드 압축됨 더보기
[playcanvas] Delete all child entities // Good code const cnt = someEntity.children.length; for (let i = 0; i < cnt; i++) { let child = someEntity.children.pop(); child.destroy(); } child.destroy() 하면 someEntity.children 리스트에서 없어진다. 그니깐 그냥 생각없이 for 문안에 length 를 놓으면 당연히 안된다 왜냐면 리스트의 길이가 루프돌때마다 변하기 때문이다. 아래와 같이하면 안됨. // Bad code for (let i = 0; i < someEntity.children.length; i++) { let child = someEntity.children[i] child.destroy(); }.. 더보기
[playcanvas] loadFromUrl 에 대한 고찰 https://developer.playcanvas.com/en/api/pc.AssetRegistry.htm pc.AssetRegistry | PlayCanvas API Reference pc.AssetRegistry Extends: pc.EventHandler Container for all assets that are available to this application Summary Properties prefixA URL prefix that will be added to all asset loading requests. Methods addAdd an asset to the registry filterReturn all Asset developer.playcanvas.com 이거 여러가지 차이점.. 더보기
[webgl] 기초 이젠 WebGL 하면 대부분 WebGL2 말하는거임 WebGL은 GPU로 돌림(내장GPU 또는 외장 GPU) WebGL은 GPU에서 GLSL 타입으로 두개의 함수를 돌리면서 작동함 vertex shader: 점, 선, 원시형태(primitives)를 그림(rasterize) fragment shader: 픽셀에 색상을 칠함(계산함) GPU에서 GLSL로 작성된 어떤 함수를 호출하여 저 위에 두개의 함수(합쳐서 프로그램이라고 함)를 호출 gl.drawArrays() { run vertex shader () run fragment shader () } 뭐 대충 이런느낌인듯 GPU에서 실행하니깐 이 함수들의 자원(데이터, 변수) 들도 GPU에 있어야함 GPU에 데이터를 제공하는 법 == 쉐이더(함수)가 데이터.. 더보기