MEAN STACK/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..
-
타입스크립트(Type Script) 데이터 타입, 예제MEAN STACK/Angular 2018. 9. 12. 09:31
컴파일 언어, 인터프리터 언어 차이점 : 컴파일 언어는 타입을 가지고 있다. 인터프리트 언어의 경우 개발할 때 타입체킹(Type Checking) 없기 때문에 코드 작성 후 에러나면 디버깅이 굉장히 어렵다. SPA의 경우 한 페이지에서 서비스를 수행한다. 따라서 코드 작성 후 루틴 중 에러가 난다면 처음부터 다시 해야 하는 경우가 빈번하다. 따라서 코드 작성시 에러를 줄이도록 하는 노력이 필요했고, 이를 충족시키기 위한 언어가 타입스크립트(TypeScript)이다. 자바스크립트를 발전시킨 언어로 자바스크립트에서 타입을 구분할 수 있도록 되었다는 점이 가장 큰 차이점중 하나다. 코드 작성시 에러를 파악하고 디버깅이 용이하다는 점이 자바스크립트와 비교할 때 두드러지는 강점이다. 자바스크립트에서 파생된 언어이..