DEV
-
Zendesk 기능 메모DEV/other things 2022. 10. 29. 13:59
const userId = 1234;// 지정한 티켓 번호로 이동.client.invoke('routeTo', 'user', userId);사용하던 Zendesk 기능 메모. * 주의점!1. Sample이라 상황에 맞게 수정하여 사용한다.2. HelpCenter는 최대한 API를 쓰지 않는것이 좋다!3. 각 API마다 권한별 결괏값이 다를 수 있다. 권한에 상관 없이 모두 표출되어야 하는 경우 관리자 계정 정보를 사용해야 한다. 일반적인 Zendesk API 요청 axios 예시const callApi = async (zendesk_master_emailm zendesk_api_token) => { try { const auth = 'Basic ' + btoa(zendesk_master_email..
-
jQuery 마우스 이벤트, 키보드 이벤트DEV/javascript 2022. 7. 30. 22:31
javascript는 마우스의 클릭을 감지하거나 키보드의 입력을 감지할 수 있다. 마우스 이벤트, 키보드 이벤트 예시를 알아보자. 마우스 클릭 이벤트 예시 // #id 또는 .class 등 jquery 선택자를 통해 클릭 이벤트 대상을 지정 $(document).on('click', "#id", function (e) { // 클릭 감지 후 진행할 코드 }); 키보드 이벤트 예시 (엔터키 이벤트 예시) // #id 선택자에서 keydown이 감지 됐을 때, $('#id').keydown(function (event) { // 해당 키가 13 이면 (엔터키 라면) if (event.keyCode == 13) { // 엔터키 입력 감지 후 실행할 코드 } } change 이벤트 예시 // 선택자로 변경 감지..
-
jQuery 부모의 function을 사용하는 방법DEV/javascript 2022. 7. 30. 21:59
이번 프로젝트에서 ifram 부모의 function을 참조할 일이 많았다. 자식의 js에서 부모 js의 function은 아주 쉽게 참조 가능하다. parent.functionName(); await parent.functionName();// async - await를 사용하는 경우 비슷한...? https://seokbong.tistory.com/93 jQuery 부모의 element를 참조하는 방법 (가져오는 방법) 작업을 하다 보면 iframe을 쓰거나 부모의 element 요소를 참조하는 경우가 있다. 자식 페이지에서 부모의 element를 참조할 때는 다음과 같이 사용하자. 부모의 element의 값을(value) 가져오는 경우 $('#id seokbong.tistory.com 반대의...? ..
-
jQuery 부모의 element를 참조하는 방법 (가져오는 방법)DEV/javascript 2022. 7. 30. 21:48
작업을 하다 보면 iframe을 쓰거나 부모의 element 요소를 참조하는 경우가 있다. 자식 페이지에서 부모의 element를 참조할 때는 다음과 같이 사용하자. 부모의 element의 값을(value) 가져오는 경우 $('#id', parent.document).val(); $('.class', parent.document).val(); $('button', parent.document).val(); ... 일반적으로 jQuery 선택자를 이용하는 법을 사용하고 parent.document 를 추가로 넣어주면 된다. .val(), .text(), .html() 등 일반적인 jquery 함수를 사용할 수 있다. https://seokbong.tistory.com/94 jQuery 부모의 functio..
-
jQuery Resizable을 통한 이미지 크기 조절 (이미지 사이즈 조절)DEV/javascript 2022. 6. 6. 19:10
이번 프로젝트에서 javascript 에디터 내부에 사진을 넣고 사이즈 조절이 가능하게 만들어야 했다. 사용하는 Trumbowyg editor는 기본적으로 사진 첨부 기능을 제공하지만 우리가 원하는 방향이 아니었다. 그래서 이미지 사이즈 조절을 위해 여러 방법을 만들어 두고 최종적으로 사용하게 된 방법은 Resizable을 사용하여 div 사이즈를 조절하고 div 내부에 사진을 100%로 채워 넣었다. 이미지를 한번 클릭하면 이미지를 마우스 클릭으로 사이즈 조절(크기 조절)이 가능하게 된다. (이미지를 드레그 하여 사이즈 조절) .js /** * [이미지 클릭 이벤트] * - 복사/붙여넣기한 이미지를 클릭하는 경우 사이즈 조절이 가능하게 함 * - jQuery ui 필요함 */ $(document).on..