[fullCalendar] title 명에 html 태그 적용하기 (feat.ibCalendar)
fullCalendar를 커스텀한 ibCalendar 라는 국내 라이브러리를 사용하고 있는데 레거시 버전에서 사용하던 fullCalendar는 event title 에 개행문자(\n) 가 적용이 잘 되었는데 ibCalendar ( fullCalendar v5.9) 에서는 적용이 되질 않았다. 버전업이 되면서 개행문자나 엘리먼트등이 반영되지 않았다. 일단 ibCalendar 레퍼런스에는 간단하게 처리하는 옵션이 없어보여 fullCalendar Docs 와 fullCalendar github issue 등에서 찾아보니 아래와 같이 eventRender 를 사용하라고 되어있는데 내가 사용하는 ibCalendar 에서는 적용되질 않았다. (애초에 ibCalendar 는 title class 값도 약간 다른데 일..
[Javascript] Object 동적으로 key 값 지정하기.
일반적으로 javascript 에서 Object 를 생성하는 방법은 아래와 같다. let obj = new Object(); obj.key = value; let obj = { key : value } let obj = new Object(); obj.name = "park"; let obj = { name : "park" } console.log(obj); // { name:"park" } 보통 위와같이 규정한 key 값을 정해서 Object 를 만들어서 Request 를 Json 으로 보낼 것이다. 근데 개발을 하다보면 key 를 동적으로 해서 넘겨줘야 하는 상황도 있다. 예를 들어 반복으로 a1, a2, a3 ... 이런식으로 보낸다던가 어느 배열에 있는 값들로 key 를 구성한다던가 여러 상황들이..
[Javascript] 전화번호 자동 하이픈(-) 함수
입력폼에서 전화번호 입력했을 때 하이픈을 자동으로 기입하고 싶을 때가 있다. 입력할 때 계산해서 하이픈 자동 변환 함수를 만들어서 사용해 봤다. function addHyphenToPhoneNumber(phoneNumberInput) { const phoneNumber = phoneNumberInput.value; const length = phoneNumber.length; if(length >= 9) { let numbers = phoneNumber.replace(/[^0-9]/g, "") .replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, `$1-$2-$3`); phoneNumberInput.value = numbers; } } const phoneInput = document...
[API] 다음카카오 우편번호 API
우편번호 검색 API가 정부것도 있고 기업것도 있는데 나는 다음카카오가 쓰기 편해서 주로 사용한다. function daumPostCode() { new daum.Postcode({ oncomplete: function(data) { const isRoadAddr = data.userSelectedType === 'R'; let address = isRoadAddr ? data.roadAddress : data.jibunAddress; if(data.bname) { address += ' (' + data.bname + ') '; } if(data.buildingName) { address += ', ' + data.buildingName; } $('#zipcode').val(isRoadAddr ? da..
[SemanticUI] dropdown 여러개 사용시 특정 id 이벤트
일부 UI 를 Semantic 을 사용하고 있어 사용하던 중 dropdown (selection) 모듈을 여러개 엘리먼트가 사용하고 특정 id에 이벤트를 줄 때 이슈를 해결하고자 한다. 모달항목에 dropdown 을 여러개 사용했는데 그 중 한 항목의 onChange 이벤트를 사용했는데 아무 반응이 없었다. 그렇다고 오류가 발생한 것도 아니라서 뭐지 했다. 처음에 코드는 이랬다. $('.ui.dropdown').dropdown(); $('#select-id').dropdown({ onChange: function() { console.log($(this)); } }); 하지만 특정 id 의 onChange 이벤트에 반응이 없었다. 코드상으로도 큰 이슈는 없어보인다. dropdown 요소를 활성화하고 특정..