깜놀하는 해므찌로

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번 사람의 정보를 받아 로그에 찍는 예시 this.http.get("https://swapi.dev/api/people/1") .subscribe(response => console.log(response)); // 원하는 데이터만 얻어내는 예시 this.http.get("https://swapi.dev/api/people/1") .pipe(map(response => ({ name: response.name, birthYear: response.birth_year, height: Number(response.height), weight: Number(response.mass), eyeColor: response.eye_color }))) .subscribe(luke => console.log(l..