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..

ECMA의 역사ECMA(European Computer Manufactureres Association)는 유럽 컴퓨터 제조사 연합의 약자로 스크립트의 표준을 만들고 관리하는 단체 ES2 는 1998년에 나옴. 새로운 특징이 추가된 것이 아닌 ISO/IEC에 부합하도록 재편집.ES3 부터 본격적으로 브라우저를 지원하기 위한 표준으로 발돋움. (Try/Catch 문)ES4 는 불완전한 표준으로 인정되어 표준으로 채택되지 못함. 그리고 2009년 ES5 가 나왔다. 우리가 흔히 알고있는 JS의 기본적인 것.ES5 를 기반으로 Node.js 가 등장. 이로인해 JS가 클라 개발을 위한 언어에서 풀스택으로 진화하게 되었다. ES6 이후2015년에 ES6가 발표되며 많은 사람들이 열광했다. (더 쉬운 구문과 편리..

var tmpYear =new Date().getFullYear().toString();var tmpMonth =pad( new Date().getMonth()+1, 2);var tmpDay =pad( new Date().getDate(), 2);var tmpHourr =pad( new Date().getHours(), 2);var tmpMin =pad( new Date().getMinutes(), 2);var tmpSec =pad( new Date().getSeconds(), 2);var nowDay = tmpYear+tmpMonth+tmpDay+tmpHourr+tmpMin+tmpSec; function pad(number, length){var str = number.toString();while(s..

실무에서 사용하는 최고의 코딩툴은 어떤것일까요?http://demun.tistory.com/2393

1. css로는@media screen and (orientation:portrait){ //새로로 들었을때 스타일 적용}@media screen and (orientation:landscape){ //가로로 들었을때 스타일 적용} 2. jQueryif($(window).innerHeight() < $(window).innerWidth()){ $('.img').css({ //가로로 들었을때의 스타일 적용 })} else { $('.img').css({ //새로로들었을때 스타일 적용 })} 3. Vanilla JavaScriptif(window.innerHeight < window.innerWidth){ document.querySelector('.img').style.스타일종류 = 가로스타일 } else..