FE/Angular

2. Structure of Angular Project

Birthmark 2022. 1. 24. 16:09

.editorconfig

  • 팀 작업시 서로 다른 IDE를 사용하고 있으면 필요한 라이브러리 
  • angular에서는 prettier를 제공하진않고 어느정도 서로 같이 커버하는 것도 있고 

angular.json

  • 환경설정 파일(strict 활성화가 디폴트), 앱빌딩용량 설정, 운영환경에는 필요없지만 개발 환경에는 필요한 것

Angular 유닛테스트 tool: Karma, jasmine

특징

  • HTML과 로직의 분리
  • 서버와 클라이언트의 분리
  • 큰 규모의 프로젝트에 적합: 하나의 완성된 개발 형태를 가지고 진행, 작은 규모면 jQuery로도 충분
  • Lazy Loading, 서버측 렌더링, 멀티 렌더링 타겟

기초

  • 컴포넌트+컴포넌트+컴포넌트 ..가 모여 하나의 모듈로 묶여 관리 됨. NgModules에 등록.
  • 컴포넌트 지시자: 메타 데이터

 

  • 서비스
  • 데코레이터 지시자
  • 라우터 (Routers)
  • 파이프

TypeScript

  • Classes
  • Modules
  • Decorators

 

origin

 

앵귤러 튜토리얼(Angular tutorial) - 3 : 기본 구조

저번시간까지는 앵귤러 개발에 대한 환경구성, 그리고 사용하는 목적과 이유등에 대해서 살펴보았습니다. 이번시간에는 처음 설치한 firstStudy 프로젝트를 기반으로 앵귤러의 기본 

lts0606.tistory.com

まずはじめに、Module-Componentの関係。

htmlファイルでの<script/>に記録された様々な関数、オブジェクトなどをアンギュラから役割と種類を分離しておいた概念が、モジュールとコンポーネント。

Module

モジュールとは各種設定に関する中身が存在するファイル。

moduleを活用して各種機能に関する規則、要するライブラリ及び情報などを管理するようにする。

Component

コンポーネントはモジュールが作成した環境で動いて実際の画面構成に関するものを直接行うファイル。

htmlの各種eventに関する内容、データに対する処理を行う。

＠Component <- Component Decorator

CSS, SCSS, SASS의 차이

저작자표시