Angular 썸네일형 리스트형 Angular에서 bootstrap 사용하기 bootstrap은 가장 널리 이용되는 frontend 툴킷으로 손쉽게 반응형 웹페이지를 제작할 수 있도록 도와주고 있다. angular 에서 새로운 프로젝트를 생성한다. ~/Workspaces/AngularProjects ❯ ng new ng-my-app 11:03:57 ? Would you like to add Angular routing? No ? Which stylesheet format would you like to use? CSS ... ✔ Packages installed successfully. Successfully initialized git. 새로 생성된 디렉토리로 이동하여 다음과 같이 해당 프로젝트에 bootstrap을 설치한다. ~/Workspaces/AngularProjects.. 더보기 Angular - Overall structural guidelines Style 04-06 작은 규모로 시작하되 app이 목표하는 지향점을 명심하여야 한다. 구현에 대한 단기적인 관점과 장기정인 비전을 가지고 있어야 한다. 모든 app 코드는 src라는 폴더에 넣는다. 컴포넌트 폴더를 생성할때는 여러개의 동행 파일(.ts, .html, .css, .spec)을 같이 구성하도록 한다. 초기 단계에서 app의 구조를 작게하고 관리하기 쉽게 유지하면서 앱이 성장함에 따라 쉽게 진화 할 수 있다. 컴포넌트는 4개의 구성 파일을 가지고 있으며 이는 폴더를 빠르게 정리 할 수 있다. 아래는 이에 상응하는 폴더 및 파일 구조이다. src ├── app │ ├── app-routing.module.ts │ ├── app.component.css │ ├── app.component.htm.. 더보기 이전 1 다음
