목록Javascript/Angular (5)
낭만 프로그래머
Angular로 개발 후 Deploy 하다보면 브러우저 Cache가 남아 있어서 변경된 부분이 적용되지 않는 문제가 발생하였다. 구글링 해서 찾아 보니 빌드시에 몇가지 꼼수를 쓰면 해결 되었다. 1. package.json 파일 수정 - {빌더 폴더}에 index.html이 존재하는 폴더 위치를 적는다. 아래 부분을 scripts 안의 아래쪽에 추가한다. "scripts": { ... "deploy_dev": "ng build --configuration=development --aot=true --output-hashing=all --extract-css=true && npm run add_date", "deploy_prd": "ng build --configuration=production && np..
보호되어 있는 글입니다.
[발생 에러] Error: node_modules/pdfjs-dist/types/src/display/text_layer.d.ts:119:41 - error TS2304: Cannot find name 'OffscreenCanvasRenderingContext2D'. [해결 방법] Step 1. package.json 파일 수정 - devDependencies에 "@types/offscreencanvas": "2019.7.0" 추가 "devDependencies": { "@angular-devkit/build-angular": "^14.2.9", "@angular/cli": "~14.2.9", "@angular/compiler-cli": "^14.2.0", "@types/jasmine": "~4.0.0"..
1. Atom 설치https://atom.io/ 2. angular 프로젝트 생성 ng new study 3. Atom 실행 cd study atom . 4. atom-typescript 패키지 설치- atom-typescript 로 검색 후 설치 5. linter 패키지 설치- linter 로 검색 후 설치참고 : https://github.com/steelbrain/linter 6. editorconfig 패키지 설치- editorconfig 로 검색 후 설치참고 : https://github.com/sindresorhus/atom-editorconfig 7. file-icons 패키지 설치- file-icons 로 검색 후 설치참고 : https://github.com/file-icons/atom
1. Node.js 설치http://blog.miyam.net/44 2. Angular CLI 설치 npm install -g angular-cli 3. 프로젝트 생성 ng new firstproject 4. 개발서버 시작 cd firstproject ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153 5. 운영서버 배포를 위한 빌드 ng build -> dist 폴더가 생성됨. 6. 방화벽 해제 ( 4021 Port)http://blog.miyam.net/7