I LOVE EJ

1. 기본 css 정리https://gist.github.com/dohoons/8fb6b4821a4ea7723c0e (구조별로 css를 나눔):after , :before 2. 레이아웃 구성하기박스중앙 정렬 transform: translate(-50%,-50%); 3. scss 장점 - mixin, extend, 조건문 - 이중 for문 (Career 배치 참고) - +버튼 x버튼 참고 4. 애니메이션 - 최종 angular animation

1. app.module.ts 위에 import 선언import { HttpModule } from '@angular/http'; import { DataService } from '../services/data.service'; // 아래 json 데이터 불러오는 ts를 만든다. 2. app.module.ts 에서 NgModule imports에 HttpModule를 넣고, providers에 DataService를 넣는다.@NgModule({ imports: [ BrowserModule, HttpModule, BrowserAnimationsModule, FormsModule, HttpClientModule, RouterModule.forRoot(appRoutes, { useHash: true }), ..

■ Animation 사용1. app.module.ts 위에 import 선언 import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; 2. 해당 ts파일에 위에 import 선언 import { trigger, state, transition, style, animate } from '@angular/animations'; 3. animation 요소 animations: [trigger('showDetailed', [ state('summary', style({ height: '0px', display: 'none' })), state('detailed', style({ height: '250px', display:..

■ Angular-CLI 폴더 및 파일 정리 https://www.a-mean-blog.com/ko/blog/Angular-2/_/Angular-2-%EC%84%A4%EC%B9%98-%EB%B0%8F-Angular-CLI%EB%A1%9C-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%8B%A4%ED%96%89-%EB%B0%A9%EB%B2%95 http://alexband.tistory.com/42 (구조 다른 부분들 설명)http://ku0re.tistory.com/10 (AOT(Ahead-of-Time) JIT(Just-In-Time) 컴파일 방식 비교) - src/index.html : 사이트 접속시 처음으로 로딩이 되는 html파일입니다. head를 변경하거나 외부 lib..