앵귤러 썸네일형 리스트형 Angular CLI Angular CLI 설치 npm install -g @angular/cli 프로젝트 생성 ng new [프로젝트 이름] 일반적으로 만드는 명령어 컴포넌트, html, css등 다 나누어서 만들어줌 app.component.spec.ts -> test 파일 app.component.ts -> root component : 모든 컴포넌트에 아버지 app.module.ts -> root module : 모든 모듈에 아버지 -t : inline style의 약자 -> 다먹는다. 모든 컴포넌트를 생성해도 -s : inline template의 약자 -> 다먹는다. 모든 컴포넌트를 생성해도 -S : .component.spec.ts 파일을 안만들겠다는 것 -> 다먹는다. 모든 컴포넌트를 생성해도 프로젝트 실행 n.. 더보기 Angular 란? 프레임워크 프레임워크 vs 라이브러리 강제성 ↑ vs 자유도 ↑ 규모 ↑ vs 규모 ↓ 공부할게 많음 vs 공부할게 적음 angular vs react 자동차에 뼈대 vs 자동차 기능(like 헤드라이트) 왜 Angular를 쓸까? 기존에 방식 - DOM API 기반 애플리케이션 js가 주도적으로 html/css를 주무른다. 필요한 것 가져와서 업애고 바꾸고 추가하고 html/css 구조를 파악하고 했다. => js가 html/css에게 의존하고 있다. 의존 당하는애가 바뀌면 의존 하는애도 바뀌게 되어있다. 그래서 요즘 jQuery를 안쓰고 있다. Angular 방식 html/css가 js를 바라보는 방식 html/css가 js가 되어야 한다.(문자열 상태, 하나의 값) html/css가 어떠한 상태 데.. 더보기 이전 1 다음