Tech Stock logo Tech Stock

git clone으로 땡긴것은 일단 npm install부터

당연한 것이지만, .gitignore에 node_modules가 기재되어 있고
여러가지 의존성 라이브러리가 없는 상태이니

$git clone projectURL  
$npm install

후에

ng serve

할것.

package.json에 기재되어 있는 내용을 전부 설치하며 node_modules라는 디렉토리가 생김


컴포넌트 생성시에 spec제외하고 생성하는것이 바뀜

예전에는 컴포넌트 생성시에 spec을 제외하고 생성할 경우 이렇게 쳤나본데

ng g c componentName --spec false
Unknown option: '--spec'
Unknown option: 'false'

이렇게 나오고 안됨.

찾아보니 이렇게 하라고함

ng g c componentName --skipTests=true

angular.json 과 package.json은 꼭 확인하자

Bootstrap등의 스타일 적용에 대한것들은 angular.json을 살펴보고
구동에 관한 여러가지 의존성 라이브러리는 package.json에 기재되어 있으니 꼭 살펴볼 것 !!


material 모듈 임포트 문제

구 버전에서는 이런식으로 가능했는데

import {
  MatSidenavModule,
  MatToolbarModule,
  MatIconModule,
  MatListModule,
  MatCardModule,
  MatButtonModule,
  MatTableModule,
  MatInputModule,
  MatDialogModule,
  MatSliderModule
} from '@angular/material';

현재는 따로따로 지정해줘야 함. 조금더 엄격? 해진 느낌

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {MatSidenavModule} from '@angular/material/sidenav';
import {MatToolbarModule} from '@angular/material/toolbar';
import {MatIconModule} from '@angular/material/icon';
import {MatListModule} from '@angular/material/list';
import {MatCardModule} from '@angular/material/card';
import {MatButtonModule} from '@angular/material/button';
import {MatTableModule} from '@angular/material/table';
import {MatInputModule} from '@angular/material/input';
import {MatDialogModule} from '@angular/material/dialog';
import {MatSliderModule} from '@angular/material/slider';