프론트 엔드 개발 기록

​ 참고 페이지 - 다양한 구독 취소 방법이 나와있다! https://netbasal.com/when-to-unsubscribe-in-angular-d61c6b21bad3 ​ ​ 연습했던 ts파일 소스. 항상 예제 찾아보면 전체적인 소스가 있는게 이해도되고 좋더라구요. observable을 unsubscribe하기 위해 넣었던 소스는 subscription지정해주고 해당 명칭의 subscription을 unsubscribe! 클래스쪽에 ondestroy추가. import { Component, OnInit, OnDestroy } from '@angular/core'; import { Observable, Subscription } from 'rxjs'; @Component({ selector: 'app-..

모의 DB서비스 사용해서 데이터 끌어오는 컴포넌트를 만들어보려고 하는데 자꾸 http 서비스 관련 에러가 떠서 ㅠㅠ 처음에 앵귤러 설치해서 공부했을때는 잘 됐는데 앵귤러 최신버전으로 업그레이드를 한게 뭔가 문제가 되는 것 같다. 관련 에러 찾아보니 원래 http관련 서비스가 @angular/http에 있었는데 앵귤러7에서는 @angular/common/http이고 관련 서비스들의 클래스명이 달라서 에러 메세지가 뜬다. ​ 오류가 나는 파일 경로는 컴파일링에서 나타나는 오류에 해당 파일이 뜨니까 "alt+클릭"하여 해당 파일 오픈한다.(vs code작업시) 위에 영역들이 뭔가 문제인 것 같은데 자동완성 기능으로 명칭 수정하고 난리 쳐봤자 에러메세지가 해결되지 않는다 ㅠ_ㅠ 몇시간을 서칭했는지 모르겠다. 버..

앵귤러 metarial, animation 모듈 설치 명령어! 맨날 할때마다 찾아보게돼서 블로그에 올려놔야즹 헤헤 npm install --save @angular/material @angular/cdk @angular/animations [참고] https://material.angular.io/guide/getting-started