TypeScript/Angular35 Angular - Module(1) 안녕하세요. 모듈에 대해서는 길어서 두번으로 나누어서 진행하겠습니다. 이번 시간에는 1. 모듈의 정의 2. ES6에서 모듈이 무엇인지 3. Angular에서 모듈을 어떻게 사용하는지 관련해서 알아보겠습니다. 1. 모듈 정의 API를 이용하여 다른코드에서 재사용이 가능한 코드라고 정의하고 있습니다. 2. ES6(자바스크립트 표준규격 버전6) 모듈 정의 API를 이용하여 다른코드에서 재사용이 가능한 코드 + 변수의 스콥이 모듈 내로 제한 (모듈 자체가 ES6에서 제공하면서 각각의 파일들이 모듈이 됨 그리고 각각의 파일에서 정의 된 변수들이 그 파일 안에서의 스쿱이 보장이 됨 ) 현재 웹 브라우저가 ES6를 지원하지 않아서 system.js, babel를 이용해야함 3. Angular CLI에서 모듈 Angu.. 2020. 5. 9. Angular -프로젝트 생성과 기본 구조 안녕하세요. 저번시간에 Angular CLI 를 설치를 했었습니다. 오늘은 프로젝트를 생성해보고 기본 구조에 대해 알아보겠습니다. 저는 8.3.26 버전 입니다 그리고 tool은 VScode를 사용합니다 Angular CLI가 설치 안되신 분은 아래로 가셔서 설치 하시고 오시면 됩니다! https://le-piee.tistory.com/25 1. 프로젝트 생성 첫번째로 프로젝트를 생성하려는 디렉토리로 이동을 합니다. 그 다음 ng new first-app ( ng new "프로젝트명" ) 명령어를 입력합니다 그러시면 앵귤러 라우팅을 추가 할 꺼냐는 말이 나오는데 Y를 하게되면 routing.module.ts 파일이 추가 됩니다. N를 하게되면 파일이 생성되지는 않지만 라우팅 기능이 app.module.t.. 2020. 5. 9. Angular CLI 특정 버전 설치 안녕하세요. 이번에는 angular CLI 설치를 해보려 합니다. angular CLI를 설치하기 앞서 node.js와 npm이 설치가 되어 있어야 합니다. 설치가 안되신 분은 https://le-piee.tistory.com/24 전에 글에 node.js와 npm 설치를 진행 했으니 따라하시고 오시면 됩니다. 저는 8.3.23버전을 설치할 예정입니다. 1. Angular CLI 설치 설치 방법은 아주 간단합니다. 구글에 Angular cli + 버전 을 검색합니다 저같은 경우는 Angular cli 8.3.23이 되겠네요. 그리고 맨 위에 있는 www.npmjs.com으로 된 홈페이지를 접속합니다 홈페이지에 접속 하셨으면 install 부분을 클릭하여 복사합니다. 그리고 시작에 cmd를 검색하셔서 명령.. 2020. 5. 8. 이전 1 ··· 6 7 8 9 다음
