Angular (3) 썸네일형 리스트형 Component & Module 저번 시간에 배운 기본 개념에 이어 이번 시간에는 module, component 에 대해 자세히 살펴보겠습니다. Module app.module.ts 파일을 살펴보면, imports 를 통해 component 에서 사용할 module 을 설정해줍니다. 또한 생성한 moduel 파일은 위 그림과 같이 AppModule 이름으로 export 해주었습니다. bootstrap은 가장 먼저 동작할 컴포넌트를 의미합니다. Main.ts 모듈은 main.ts 에서 사용되고 있습니다. main.ts 는 앵귤러 프로젝트가 실행될 때 가장 먼저 동작하는 곳입니다. bootstarpModule() 함수는 앵귤러 프로젝트 동작시 가장 먼저 사용할 모듈을 나타내줍니다. 따라서 AppModule이 가장 먼저 동작하게 됩니다. .. 기본 개념 1. Angular 앵귤러는 웹 브라우저에서 동작하는 클라이언트 코드입니다. DB 연동, 다른 서버와 직접 연동은 직접 할 수 없습니다. 따라서 이 부분은 서버 개발자가 수행하거나 혹은 Angular 개발자가 직접 서버 부분까지 개발해야 합니다. 앵귤러는 타입 스크립트 기반으로 구성되어있습니다. 타입 스크립트는 자바스크립트와 거의 동일하지만 데이터의 type이 있단 차이가 있습니다. 3D Angular Angular는 3D로 구성되어 있습니다 :) 여기서 말하는 3D란 Data-binding, Directive, Dependency Injection을 의미합니다. 1. Data-binding Angular로 작성된 애플리케이션을 실행하면 컴파일러가 템플릿을 컴파일하여 일정 변형 과정을 거친 후 DOM으로.. Angular js Angular js 를 사용할 때 View에서 사용하는 scope 제어를 위해 Controller를 작성하고 기능별 모듈화한 Service를 작성한 다음 Controller에 주입하여 사용하게 됩니다. 1. Socket, $broadcast 이때 Service 에서 Controller를 호출해야하는 상황이 생길 수 있습니다. WebSockets과 같은 경우인데, 이런경우 broadcast를 통해서 전체 앱에 이벤트를 시키고 필요한 파라미터를 같이 넘겨줍니다. 특정 scope을 전달하면 Service와 Controller간에 의존성을 가지므로 좋은 방법이 아니기 때문입니다. 이 이벤트를 처리해야하는 Controller에서 scope.on을 사용하여 해당 이벤트를 받으면 의존성 없이 서비스에서 이벤트 발생된.. 이전 1 다음
