BaeBox

Angular 내 컴포넌트간의 데이터 공유. 생각컨대, 나같은 초심자가 처음으로 막히는 부분이 아닐까 한다. 인터넷을 조금 뒤적거리다보니 여러 방법이 나오는데 크게 아래 세 가지 방법으로 귀결되더라. @Input @Output Bidirectional-Service (양방향 서비스) 위의 두 가지 방법인 @Input 태그와 @Output 태그를 이용하면, 부모-자식(parent-child)의 관계에 있는 컴포넌트끼리 데이터 공유가 가능하고, Bidirectional-Service, 쉽게 말해 중간다리인데, 이 방법을 이용하면 굳이 부모-자식 관계에 있지 않은 컴포넌트 끼리도 데이터 공유가 가능하다. 개인적으로는 이 방법이 제일 나은 것 같다고 생각한다. 내가 구구절절하게 설명할 필요 없이 아래 링크의 예..

Angular 는 기본적으로 NgModule 과 Component 로 구성되어 있다. https://angular.kr/guide/architecture 공식 문서에서는 서비스, 의존성 주입(DI), 라우팅 등에 대해서도 설명하고 있는데, 이는 NgModule과 Component 등을 유연하게 이용하기 위해 필요한 기능들이다. 고로, 핵심은 핵심은 NgModule 과 Component 이다. Angular 프레임워크에 내장되어 제공되는 NgModule의 형태는 제각각이지만, 단순히 그래 보이는 것일지도 모르지만 사용자가 정의하여 사용하는 NgModule은 대동소이하여 특수한 경우를 제외하면 아래와 같은 형태를 띈다. 아래 링크의 공식 문서에서 조금 더 자세한 내용을 볼 수 있다. 라우팅, 서비스, 의존성..