앵귤라(Angular)

기초 정리

• routing
• 라우팅을 이용한 데이타 전송(activatedRoute)
• 라우팅을 이용한 접근권한 처리(canActivate)
• 라우팅에서 children 처리
• Component에서 라우터 Navigate 처리하기
• routerLink
• 이전 페이지로 돌아가기
• Environment 변수 사용하기
• Directive(준비중 -Component )
• Component Interaction (Input Output)
• dialog
• DOM Element 다루기
• CSS-Style 다루기
• HostListener vs HostBinding
• Canvas 다루기
• Canvas를 이용한 재미나는 효과들
• requestAnimationFrame 사용법
• Sound 다루기
• social Login (share)
• xml 다루기
• extends 를 이용한 클라스 확장 다루기
• 공통 함수 및 상수의 정의 및 호출
• export default vs export
• Input Event 다루기 (마우스, 키보드, 터치, HammerJs)
• rxjs[ Subject, BehaviorSubject, Emit] 다루기
• NgZone
• CallBack function 다루기
• scroll(스크롤 관련)
• (배포용)library 만들기 1
• (배포용)library 만들기 2

문법

• parameter, dotdotdot
• Promise - 비동기 (sync, await)
• class

Material

• Common Module
• Button
• Select Button
• Radio Button
• Check Box
• slider
• snackbar

자주사용하는 Packages

• moment 다루기
• underScore.js 다루기
• googlechart 다루기
• socket io
• cryptoJs 를 이용한 en-decryption 다루기
• ngx-spinner
• angularx-qrcode
• GSAP를 이용한 Animation 다루기
• TweenJs를 이용한 Animation 다루기

응용

• Hex 를 Rgb로 변경하는 소스코드