본문 바로가기

전체 글131

5. Typescript Basic, Service class 参考ページ Angular入門 未経験から1ヶ月でサービス作れるようにする その5. サービスとTypescriptの基礎 - Qiita 前回は、 Angularでのデータ管理の基礎(モデル作成) HTMLでの分岐(*ngIf) HTMLでのループ(*ngFor) を学びました。 本記事では、 ES6とTypescriptの基礎 Typescriptの... qiita.com Angula에서의 데이터관리 기초 API엑세스나 컴포넌트를 걸친 데이터관리를 함. ProductService 클래스를 통해 Product의 데이터관리를 컴포넌트 밖으로 내보내보자고. @Injectable 서비스클래스로 지정해줌. 4~root차원에서 이 서비스를 이용하는 것을 의미. 서비스클래스는 지정한 provideIn단위로 인스턴스화되어 (이번엔 root레벨, 즉 .. 2022. 1. 26.
compile error/intall node-sass/@angular-devkit deprecated된것도 있는데 일단 외부에서 다운받은 프로젝트를 열기 위해 하라는대로 해봄 Could not find module "@angular-devkit/build-angular" 2022. 1. 25.
4. Angularでのデータ管理の基礎 Directive 参考ページ Angular入門 未経験から1ヶ月でサービス作れるようにする その4. モデルとループと分岐と - Qiita 前回は、複数ページを作ってページ遷移を試しながら、ルーティングの基礎を学びました。 本記事では、 Angularでのデータ管理の基礎 モデルクラスの作成 Angularのディレクティブ基礎 HTMLで qiita.com Directive 지시자 정리 [Angular] Directive 지시자 정리 Angular2 버전 이후를 기준으로 정리한 글입니다. 앵귤러에는 세가지 지시자(directive)가 있다. 컴포넌트 - 템플릿을 가지는 지시자 구조 지시자 - DOM 요소를 동적으로 추가하거나 제거하는 지시자 lucaskim.tistory.com ngOnInit() 초기화후에 호출되는 메소드 API에서 데이터를 불러오는.. 2022. 1. 25.
3. Routing 화면전이 参考ページ Angular入門 未経験から1ヶ月でサービス作れるようにする その3. ルーティング基礎 - Qiita 前回は、 ディレクトリ構造 コンポーネントの基本的な変更の仕方 を学びました。 本記事では、 SCSSの有効化 CSSでは不便だと言う人向けに、SCSSを使うように設定を変更します。 新しくペー qiita.com コンポーネントの作成 ng g component [name] Routing File 作成 { path: 'products', component: ProductListComponent } localhost:4200/products의 URL을 위에서 작성한 ProductListComponent에 매핑하겠다는 의미 { path: 'products/:id', component: ProductDetailComponent.. 2022. 1. 24.
ESLint + Prettier origin ESLintとはJavascript文法でエラーを表示してくれるツール 2022. 1. 24.
2. Structure of Angular Project .editorconfig 팀 작업시 서로 다른 IDE를 사용하고 있으면 필요한 라이브러리 angular에서는 prettier를 제공하진않고 어느정도 서로 같이 커버하는 것도 있고 angular.json 환경설정 파일(strict 활성화가 디폴트), 앱빌딩용량 설정, 운영환경에는 필요없지만 개발 환경에는 필요한 것 Angular 유닛테스트 tool: Karma, jasmine 특징 HTML과 로직의 분리 서버와 클라이언트의 분리 큰 규모의 프로젝트에 적합: 하나의 완성된 개발 형태를 가지고 진행, 작은 규모면 jQuery로도 충분 Lazy Loading, 서버측 렌더링, 멀티 렌더링 타겟 기초 컴포넌트+컴포넌트+컴포넌트 ..가 모여 하나의 모듈로 묶여 관리 됨. NgModules에 등록. 컴포넌트 지시자:.. 2022. 1. 24.