Angular13 Angular - ASP.NET Core 프로젝트 생성하기 안녕하세요. Visual Studio에서 ASP.NET Core 환경의 Angular 프로젝트를 생성해보고 Visual Studio의 Window Termonal 확장에 대해 알아보겠습니다. 기존에 Node.js 및 NPM, Angular CLI가 설치가 되어잇어야 합니다. 설치가 안되있으신 분들은 Node.js NPM설치 - https://le-piee.tistory.com/24?category=925786 Angular CLI 설치 - https://le-piee.tistory.com/25?category=938531 visual Studio를 실행 하신 후, 새 프로젝트 만들기를 클릭합니다. ASP.NET Core를 검색하신 후, 웹 어플리케이션을 선택 후, 다음 프로젝트 명과 경로를 지정합니다. .. 2020. 5. 10. Anglar - Module(2) 안녕하세요. 저번시간에 이어서 모듈에 대해 알아보겠습니다. Angular Module 컴포넌트, 파이프, 서비스 등과 같은 앵귤러 애플리케이션의 중요 부분을 기능 단위로 그룹핑하게 해주는 역할을 합니다. 주요 기능 - 모든 앵귤러 애플리케이션은 하나의 Root Module을 가진다. - 여러 Feature Module을 가질 수 있다. - 재사용 할 수 있는 기능을 외부에 배포하기 위해 사용한다( ex. bootstrap의 ModalModule) Feature Module 실습 cmd를 실행한 뒤, 프로젝트 경로로 디렉토리를 이동하여 ng generate module todo ( ng generate module 모듈명) 명령어를 이용하여 모듈을 생성합니다 생성이 잘 된 된 것 같네요. 그리고 todo라.. 2020. 5. 10. 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. 이전 1 2 3 4 다음
