CheolCheol Dev Note

Angular 에서jquery를사용할때$( ) 안에selector가안먹힐때있다.그럴경우$event로받아서사용하면jquery 가정상작동된다. angular를 사용하면서 진짜 다양한 변수들이 생기는데 그 중 어려운 것중에 하나가 jquery 적용같다. 밑의 경우는 버튼 클릭 시 jquery가 적용되는 경우다 1. jquery 2. angular

Angular를 사용하다가 jquery 및 JS 라이브러리를 사용해야할 때가 있다. 그럴 때 구글에 검색하면 여러가지 방법이 있지만 나는 여러가지를 사용해도 안되서 찾다가 결국 해결했다. 1. 일반적인 Angular에서 jquery 사용방법 1) npm에서 jquery 설치 npm install--savejquery && npm install -D @types/jqueryimport* as$ from 'jquery';사용할컴포넌트에 declare var $:any; 2) jquery cdn이나 file import 1. Angular cli를 이용해 프로젝트를 생성할 경우 index.html 에다가 추가 2. declare var$: any; 2. JS library 사용법 - spa (Single Pa..

Rest API를 위한 서버단 언어를 자바를 사용하면서 로그인 부분에 대한 처리를 어떻게 해야하나 공부를하다가 필터와 인터셉터에 대해 알게되었다. 공통점Controller로 들어가는 요청을 가로채 특정 작업을 하기위한 용도로 사용 차이점 스프링에서 reqeust가 어떻게 흘러다니는지가 나와있는 아래 그림을 보면 좀 이해가 한결 수월해진다. 보통 인터셉터나 필터나 컨트롤러 들어가기전에 작업을 처리 하기 위해 사용하므로 별반 차이 없어 보일 수 있으나 위의 라이프사이클 그림을 보면 호출되는 시점이 다르다는걸 알 수 있다 인터셉터.- preHandle() : 컨트롤러 들어가기 전- postHanle() : 컨트롤러 들어갔다 나온후 뷰로 보내기전- afterCompletion() : 뷰까지 끝나고 나서 필터. ..

LanguageANGULAR 2+JavaScriptHTMLJAVA 8 ArduinoAndroidDBMysqlMariaDB DevopsOS - Fedora, Window, MacContainer - DockerJenkinsGIT - JIRA - BitbucketSvn IDEVS Code (Angular)Ecilipse & STS(JAVA, Svn) Atom (Javascript)Android StudioArduinoWorkBench (Mysql)Heidisql (MariaDB)Postman (RestAPI Test)Sourtree (GIT)

angular는 컴포넌트 형식이라 모든 부분이 컴포넌트로 이루어져있다. 그런 컴포넌트 끼리 데이터를 주고받을 때 사용하는것이 Component Communication이다. 1. @ViewChild와 @ViewChildren 컴포넌트 템플릿에 배치된 자식요소(자식 컴포넌트, 디렉티브, 네이티브 DOM 요소)를 ViewChild라고 한다. 이름에서 알 수 있듯이 @ViewChild는 탐색 조건에 부합하는 1개의 요소를 취득할 수 있고, @ViewChildren는 탐색 조건에 부합하는 여러개의 요소를 한꺼번에 취득할 수 있다. @ViewChild(탐색대상 클래스명) 프로퍼티명: 탐색대상 클래스명; @ViewChildren(탐색대상 클래스명) 프로퍼티명: QueryList; 2. 변수값전달 (왼쪽부터) 1. ..