부트스트랩은 HTML 및 CSS를 빠르고 쉽게 디자인할 수 있게 도와주는 인기 있는 프론트엔드 프레임워크입니다. Angular 프로젝트에 부트스트랩을 추가하는 방법을 살펴보겠습니다.

1. 부트스트랩 설치하기

먼저, 프로젝트 디렉토리에서 다음 명령어를 사용하여 부트스트랩을 설치합니다.

npm install bootstrap

2. 스타일시트 추가하기

styles.scss 파일을 열고 다음과 같이 부트스트랩 스타일시트를 추가합니다.

@import '~bootstrap/dist/css/bootstrap.css';

3. 앵귤러 모듈에 설정 추가하기

앵귤러 모듈에 부트스트랩 모듈을 추가합니다. app.module.ts 파일을 열고 다음과 같이 NgModule 임포트에 추가합니다.

import {NgbModule} from '@ng-bootstrap/ng-bootstrap';

@NgModule({
  declarations: [
    // ...
  ],
  imports: [
    NgbModule,
    // ...
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

위와 같이 부트스트랩을 설치하고 설정을 추가하면 앵귤러 프로젝트에서 부트스트랩을 사용할 수 있습니다.

더 많은 부트스트랩 구성 옵션 및 사용법은 부트스트랩 공식 문서를 참고하세요.

부트스트랩을 통해 프로젝트를 더욱 멋지게 디자인해보세요!