angular 시작하기 썸네일형 리스트형 [Angular Tutorial 05] Services [Angular Tutorial 05] Services https://angular.io/tutorial/toh-pt4 Service는 여러 component에서 필요로 하는 기능을 묶은 class입니다. 즉 Angular 사이트에서 사용되는 특정한 기능들을 service로 생성한 후 해당 기능이 요구되는 component는 이 service를 불러와서 사용할 수 있습니다. 코드가 중복되는 것을 막고, 코드의 관리의 편의성을 위해, 프로그램의 효율성 향상를 위해 사용됩니다.출처 : https://www.a-mean-blog.com/ko/blog/Angular-2/Tour-of-Heroes/Services-Injectable-OnInit-ngOnInit 다음 명령어를 통해서 hero service 를 생성.. [Angular Tutorial 01] The Application Shell [Angular Tutorial 01] The Application Shell https://angular.io/tutorial/toh-pt0 Angular 설치와 CLI 설치는 이전 개발환경 세팅을 참고 해 주세요! 2018/09/11 - Step 1 Angular, Development Environment Setting ng new angular-tour-of-heroes 위의 명령어를 통해 angular-tour-of-heroes 프로젝트를 생성 해 주세요. C:\angular workspace\angular-tour-of-heroes>ng serve --o 해당 디렉토리로 이동 하여 ng serve --o 옵션으로 프로젝트가 잘 열리는지 확인 합니다.--o 옵션은 --open 의 약자로 서버를 .. Step 5 Angular, View 안의 View 생성하기 안녕하세요 ~ 오늘은 Angular 프로젝트에서 Component 안의 Component, View 안에 View 를 생성 해 보도록 하겠습니다 ! 아주아주 간단해요 ~~ 저희는 pageSearch View 하위에 detail-view 와 list-view 를 생성 해 보도록 하겠습니다 ! CLI 를 이용하여 다음 명령어를 실행 해 주세요 ~~매번 느끼는 것이지만 CLI 는 정말 편리한 것 같습니다 ^^ ng generate component pageSearch/detail_view ng generate component pageSearch/list_view 이렇게 pageSearch 하위에 두개의 컴포넌트들이 생성 되었습니다. 그리고 하위 view 를 넣을 page-search-main.componen.. Step 2 Angular, Module, Component 생성 오늘은 모듈(Module) 과 컴포넌트(Component) 를 생성 해 보도록 하겠습니다. 쉽게말해서 View(Component의 단위) 를 생성한다고 생각하시면 될 것 같습니다. 오늘 우리는 2개의 View ( intro, history ) 를 추가 할 예정입니다 ~~^^ CLI 사용방법은 이전 블로그 포스팅을 참고 해 주세요 !!! 2018/09/11 - Step 1 Development Environment Setting ng new webProject 새 프로젝트를 생성합니다. 대 소문자로 이루어져야 합니다. 프로젝트 생성 완료 ng generate module app-routing Routing Module 사용을 위하여 app-routing Module 을 생성정상적으로 실행되면 src/app.. 이전 1 다음
