티스토리 뷰
Angular에 부트스트랩을 사용하는 방법은 여러가지가 있지만, 간단하게 파일 경로만 설정해서 가져오는 방법을 써보자!
1. 디자인을 골라와서 파일을 저장
2. 프로젝트 생성 (자세한 방법은 아래 링크에)
http://cho-coding.tistory.com/134
[ANGULAR] BASIC THINGS
1. node.js 설치 2. cmd 창 열기 설치한 node 버전 확인 - node -v Angular CLI 설치 - npm install -g @angular/cli #예시 프로젝트 : https://github.com/iamshaunjp/angular-2-playlist 원하는 디렉터리로..
cho-coding.tistory.com
3. 프로젝트를 생성하면 위와 같이 기본적으로 생기는 파일이 있는것을 볼 수 있다
[assets] 파일 안에 부트스트랩 파일들 (css, fonts, images, js 등)을 드래그 해서 집어 넣는다
#ctrl+c / ctrl+v 는 안된다
이런식으로 파일이 들어간다
4. src 밑에있는 index.html 파일을 클릭해서 코드 수정
- 부트스트랩 코드를 보게되면 아래와 같이 html 안에 css, js 파일들의 경로를 설정해놓은것을 볼 수 있다
- 이러한 경로들을 수정만 하면 된다
5. component.html 파일에서는 <body> 밑에 부터 코딩하면 된다
'FRONT-END > ANGULAR' 카테고리의 다른 글
| [ANGULAR] FIREBASE 연동 (0) | 2018.08.08 |
|---|---|
| [ANGULAR] BASIC THINGS (0) | 2018.07.23 |
댓글