본투코드

모듈은 쉽게 정의하면 객체이다. 앵귤러JS는 이를 통해 동적인 프로그래밍이 가능하다. * ng-app - AngularJS 애플리케이션의 초기 설정 HTML 코드에서 지시자 ng-app을 통해 모듈을 참조할 수 있다. 예시 코드에서 보면 가장 상위에 있는 div태그에 ng-app 지시자를 통해 invoice1 모듈을 참조하는걸 볼 수 있다. * ng-controller - AngularJS에서 데이터를 제어하기 위해 사용 간단하게 말하면 js 파일에서 mvc 패턴을 구현 * ng-model - 사용자가 입력 또는 선택한 값을 제어 , 과 같이 사용자가 값을 입력하는 태그들에 ng-model 지시자를 넣으면 입력된 값을 동적으로 제어할 수 있다. 예시 코드에서 보면 에서 입력된 값 qty, cost가 in..

참고 강의 https://www.inflearn.com/course/Angular/lecture/20483?tab=curriculum&speed=2 Angular(2+) Front에서 Back까지 - Nest js를 알려면 Angular 모듈을 알아야한다! - 인프런 | 학습 페이지 지식을 나누면 반드시 나에게 돌아옵니다. 인프런을 통해 나의 지식에 가치를 부여하세요.... www.inflearn.com 앵귤러js는 객체지향언어처럼 모듈 기능을 지원한다. 기본적으로 import되는 앵귤러의 core를 살펴보면 여러가지 다양한 객체(?)들이 export되고 있는 걸 볼 수 있다. 기본적으로 앵귤러는 app.module이 컴포넌트와 모듈들을 관리한다. 예시로 임포트 되어 있는 LayoutModule을 보자 ..

기본 index.html이 웰컴 페이지로 설정되어 있다. main.ts -> app.module.ts 실행 -> app.module에 등록 되어 있는 컴포넌트 app.component.ts 실행 -> app.component.ts 안에 있는 selector, templateUrl, styleUrls 3가지의 정보를 토대로 html, css 실행 AppModule 호출 등록되어 있는 모듈들 AppComponent 호출 AppComponent 객체를 @Component를 통해 모듈로 등록 selector : 태그 이름 templateUrl : html 경로 styleUrls : css 경로 app.component.html을 들어가보면 이렇게 구성되어 있다. app.module.ts에 모듈로 등록되어 있는 ..