앵귤라(Angular)
기초 정리
- 시작하기
- 타입 스크립트 구성 옵션
- bootstrap 연동하기
- routing
- 라우팅을 이용한 데이타 전송(activatedRoute)
- 라우팅을 이용한 접근권한 처리(canActivate)
- 라우팅에서 children 처리
- Component에서 라우터 Navigate 처리하기
- routerLink
- 이전 페이지로 돌아가기
- Environment 변수 사용하기
- Template에서 사용가능한 일반적인 문법(ngIf, ngModel, ngClass.....)
- Directive(준비중 -Component )
- 다양한 Pipe 사용 예제
- Component Interaction (Input Output)
- dialog
- DOM Element 다루기
- CSS-Style 다루기
- Style을 가진 소스 HTML 출력하기
- HostListener vs HostBinding
- rxjs[ Subject, BehaviorSubject, Emit] 다루기
- CallBack function 다루기
- Http Interceptor
- NgZone
- SSL 사용하기
- 동적(Dynamic) 컴포넌트 호출( < v14)
- 동적(Dynamic) 컴포넌트 호출( > v13)
- extends 를 이용한 클라스 확장 다루기
- 공통 함수 및 상수의 정의 및 호출
- export default vs export
- Input Event 다루기 (마우스, 키보드, 터치, HammerJs)
- scroll(스크롤 관련)
실전예제
- Socket.Io를 사용한 채팅만들기
- WebRTC를 이용한 화상 채팅
- Canvas 다루기
- calendar(달력) 만들기
- Canvas를 이용한 재미나는 효과들
- requestAnimationFrame 사용법
- xml 다루기
- Sound 다루기
- social Login (share)
- FullScreen 처리하기
- 숫자에 콤마(,) 처리하기
문법
Material
Packages
Packages 제작 및 배포(NPMS)
자주사용하는 Packages
- moment 다루기
- underScore.js 다루기
- Hammer Js 활용법
- googlechart 다루기
- socket io
- cryptoJs 를 이용한 en-decryption 다루기
- ngx-spinner
- angularx-qrcode
- GSAP를 이용한 Animation 다루기
- TweenJs를 이용한 Animation 다루기