깜놀하는 해므찌로

0. HTTP 통신을 위해 app.config 에 모듈을 로드합니다. npx nx generate service --project 프로젝트명 1. cli 를 활룔해 http 서비스를 생성합니다. 2. 통신과 관련된 url 상수값을 선언하기 위해 environment.ts 파일 폴더 및 파일을 생성합니다. 3. 제 경우 여러 곳에 요청을 할 것이므로 각각 요청할 서버 위치가 섞이면 헷갈리 수 있으므로 여러개 있는 것입니다. 4. 이번 예시에서는 하나만 사용합니다. 5. 백엔드 서버에서는 baseUrl 과 projectId 두 개를 받아 해당 프로젝트의 데이터를 DB에서 조회해 리턴하도록 코드가 이미 짜여진 상태입니다. import { Injectable } from '@angular/core'; impor..

1. 스크롤을 감지하여 현재 페이지의 위치에 맞게 aside 뷰를 수정해봅시다. 2. (Layout-page) 스크롤 감지를 위해 ion-content 태그에 scrollEvent 속성에 true 설정 및 ionScroll 이벤트 메소드를 선언합니다. import { ScrollService } from '../../services/scroll.service'; constructor(private scrollService: ScrollService) {} ionScroll(ev: any) { this.scrollService.next(ev.detail.currentY); } 3. 스크롤 이벤트 발생 시 현재 Y 축 위치를 가져옵니다. npx nx generate service --project clien..

import { Component, OnInit, OnDestroy } from '@angular/core'; import { FormControl } from '@angular/forms'; import { HttpClient } from '@angular/common/http'; // RxJS import { Subscription, Observable, of, throwError } from 'rxjs'; import { debounceTime, switchMap, map, tap, catchError } from 'rxjs/operators'; interface GithubUser { login: number; name: string; } export class ObservableEventHttp..