프론트엔드 정복하기

Microsoft Flow는 microsoft가 비교적 최근에 선보인 신생 앱니다. MS Flow를 활용할 경우 업무를 자동화할 수 있는 프로세스를 쉽게 구현할 수 있게 된다. 가령, 간단한 전자결재와 승인 프로세스를 쉽게 구현할 수 있고, 오피스나 원드라이브 등에 입력된 정보를 자동으로 한 군데에서 통합 관리할 수 있다. Office365 앱과 서비스 사이에 자동화된 워크플로우를 설정해서 외부 앱들이나 오피스 365 서비스들간에 필요한 파일 동기화, 알림 수신, 데이터 수집 등의 작업을 한 군데에서 통합하여 사용할 수 있다. 예를 들어, 상사에게 이메일이 오면 => 문자 메시지로 알람이 오도록 플로우를 설정했어요. 관심있는 트윗이 => 엑셀에 모이도록 플로우를 설정했어요. 중요도 높은 메일 수신 시 -..

어떤 버튼을 클릭하거나.. 기타 이벤트가 발생했을 때 다른 URL로 이동시킬 수 있다. 이 과정을 리다이렉트라고 한다. 본인은 로그인버튼을 눌렀을 때 어떤 절차를 거치지 않고 다른 주소로 이동시키기 위해서 해당 이벤트를 사용했다. 아래 구문을 클릭이벤트 등에 위치시키면 된다. window.location.href = 'http://www.abc.com/'; 또 이런 방법도 있다. http://www.abc.com/ 에 접속했을 때 http://www.codingfactory.net/으로 이동시키고 싶다면? if(window.location == 'http://www.abc.com/'){ window.location.href = 'http://www.codingfactory.net/'; }

0. onSelect함수에서 console 0. 에서 switcherIcon 에서 (nodeAttribute) => console.log(...)

onclick, onload 등의 이벤트를 제어하려면 어떻게 해야 할까? 순수 자바스크립트 document.getElementById("clickTest").onclick = null; jQuery $("#clickTest").attr('onclick', '').unbind('click');

cursor css 속성이 제대로 적용되지 않는 경우가 종종 있다. 이유가 무엇일까? 1) cursor 속성을 적용한 엘리먼트가 다른 요소에 의해 가려진 경우cursor 속성을 적용한 엘리먼트가 다른 엘리먼트보다 뒷편에 존재하지 않은지 확인한다. 맞다면 z-index값을 높게 조정해서 다른 요소보다 앞으로 오도록 조정한다. 2) 그래도 제대로 작동되지 않는다면?부모나 자신에게 'pointer-events:none;' css  속성이 들어있진 않은지 확인해보라.   +) 여기서 pointer-events란?pointer-events 는 HTML 요소들의 마우스/터치 이벤트들(CSS hover/active, JS click/tap, 커서 드래그등)의 응답을 조정할 수 있는 속성이다. pointer-even..

※ 용어 정리 Mine = Client / Their = Resource Server / User = Resource Owner 엑세스 토큰을 주고받는 과정 Resource Server(=Their)가 가지고 있는 기능이 A,B,C,D 4가지가 있다고 하자. 우리는 그중에서 B, C 2가지 기능만을 사용하고 싶다. 1 단계 | 사용자 - scope과 redirect_uri와 client_id 정보를 담은 URL 접속 그렇다면 Client(=Mine)는 사용자에게 다음의 URL 링크를 전달한다. (button 또는 a태그 등을 통해) https://resource.server ?client_id=1 &scope=B,C &redirect_uri=https://client/callback (위 코드에서 sco..