변수명 뒤에 물음표(?) 와 달러 ($) 표시

Angular 프로젝트를 보다보면 다음과 같은 형태의 변수 명을 볼 수있다.

1. 변수명 뒤에 물음표

export class ModelA{

  id: number;

  name?: string;

  type?: string;

  phoneNumber?: string;

}

여기서 물음표는 무엇을 뜻할까?

  ㄴ> optional 하다는 의미를 내포시킨다.

  ㄴ> 물음표가 없다면 변수가 사용되지 않을 경우 undefined를 표출하게 된다.

  ㄴ> 설계시 필수값이 아니라면 , 즉 DB에서 required="true" 가 아닌경우는 물음표를 붙여서 설계하면 좋을것이다.

---

2.변수명 뒤에 달러

지난 시간에 배운 Rx와 관련있다.

Observable 변수명 뒤에 $를 붙여주면

스트림통신을 뜻한다.   달러의 $는 Stream의 줄임말로 볼수 있다.

그래서 observeA$. subscribe()  이렇게 쓰면 된다.  

 

export class UserList {

    public users$  :   Observable<IUser[]>

    constructor( public client: HttpClient,) {}

    public  ngOnInit()  {
        this.users$  =  this.client.fetchUsers( )
    }
}

<ul class="user__list" *ngIf="(users$ | async).length">
    <li class="user" *ngFor="let user of users$ | async">
        {{ user.name }} - {{ user.birth_date }}
    </li>
</ul>