Angular
-
Angular 파일 업로드, 다운로드 (File upload, download) 예제MEAN STACK/Angular 2018. 9. 12. 09:52
노드, 앵귤러 파일 전송 미지원하기 때문에 npm 사용이 불가피하다. 파일 전송 모듈 1. connect-multiparty 1) 구현 간단함. 2) 파일명 변경 X 3) 파일 업로드 안했을 때 가짜 파일 생성됨. 이를 처리해주는 추가 작업 필요 2. multer 1) 구현 복잡(connect-multiparty에 비해) 2) 파일명 변경 가능 3) file 업로드 안할 경우 파일 생성 하지 않는다. 파일명을 변경해 관리할 수 있어야 보안에도 더 나을 것이다. (파일암호화 필요할 때 uuid등 통해 파일명 변경 할 수 있으니..) ng2-file-upload 모듈 설치app.module.ts에 FileSelectDirective, FileDropDirective import 후 declarations에 ..
-
Angular 설치MEAN STACK/Angular 2018. 9. 12. 09:47
설정 환경 : 노드, 웹스톰(webStorm) ※ 노드는 반드시 설치되어 있어야 한다! (npm 모듈을 사용하기 때문) 사용 툴은 웹스톰이나 MS의 vs code를 추천( 웹스톰은 30일 무료, vs code는 무료 ) Angular 사용하기 위한 설정을 해줘야 한다. 1) Package.json dependencies 2) Ts.config.json : TypeScript 컴파일러가 javaScript 생성하는 방법 정의한 파일 3) Typings.json : TypeScript compiler 인식하지 못하는 라이브러리 추가정의 4) Systemjs.config.js : 처음 Angular2 application이 시작할 때 필요한 packages 을 load 하는 정보가 정의 되어 있다. syste..