본문 바로가기

Dev/Angular

컴파일 느릴때 (react, angular) 앵귤러는 npm package.json script에 run이라고 해놨으면 webstrom에서 npm script켜서 마우스오른쪽 누르고 Edit run setting 누르면 Edit Run/Debug Configuration 뜸 거기서 Evironment 를 줄수 있는데 TSC_NONPOLLING_WATCHER=1 하면 쫌 빨라짐 Cpu도 덜 돔 리액트는 웹팩 설정파일에서 watchOptions: { poll: 1000, ignored: /node_modules/ }, node_modules를 무시 해주면 됨 더보기
'Content-Type': 'application/x-www-form-urlencoded', angular post const headers = new HttpHeaders({ 'Content-Type': 'application/x-www-form-urlencoded', apiKey: '어쩌구저쩌구' }); const body = new URLSearchParams(); body.set('키1', '값1'); body.set('키2', '값2'); return this.http.post('https://api.adress.co.kr:port/rest/path', body.toString(), {headers}); } 이런식으로 하면 된다 더보기
[angular] 템플릿 참조 변수 사용방법 이슈 부모 템플릿에서 자식 컴포넌트 함수를 사용하고 싶어졌습니다. 본문 - 부모 템플릿 button 1 button 2 - 자식템플릿 counter works! {{count}} - 자식컴포넌트 export class CounterComponent implements OnInit { count: number = 0; constructor() { } ngOnInit() { } increase() { this.count++; } decrease() { this.count--; } } 부모 템플릿에서, 자식 컴포넌트 선언부에 #counter 라는 템플릿참조 변수를 선언하면 자식컴포넌트에 접근할수 있습니다. 하지만 실제로는 부모 템플릿에서 자식 컴포넌트로 바로 접근은 잘 하지 않고, 아래와 같이 랩퍼를 통해 접.. 더보기
[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';이거 두줄 추가 더보기