안녕하세요.라디오 버튼(Radio Button) 변경 시, 이전 값을 확인하는 예제를 포스팅하려고 합니다. 굳이 이전 값을 확인할 필요는 없지만..간혹 이전 값을 확인해야 하거나 이전 값으로 돌아가야 할 일이 발생할 수 있습니다. 😄 이번 예제는 아래의 라이브러리가 추가되었으니 참고 바랍니다. jQueryFontAwesome // Icon 때문에 추가 (없어도 상관없음) 자! 그럼 시작하겠습니다.  👀 예제 확인 Radio Button 값이 변경되었을 때,이전 값과 현재 값을 화면에 출력하는 간단한 예제입니다.  과일, 교통수단, 브랜드, 축구선수 구분 별로 5개씩 테스트 데이터를 만들었으며,각 버튼을 클릭하면 화면 중앙에 Radio Button이 표시됩니다. 'change' 이벤트로 적용하였기 때문..

안녕하세요.jQuery Plugin인 BlockUI를 사용하여 모달(Modal) 효과를 내보는 예제를 포스팅하려 합니다. 더 궁금하신 사항이 있으면, 아래 링크에 Option 및 여러 Demo가 있으니 참조 바랍니다. https://malsup.com/jquery/block/ jQuery BlockUI PluginOverview The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser[1]. When activated, it will prevent user activity with the page (or part of the page) until it is deact..

안녕하세요. 🐸이번에는 Vue에서 Drag & Drop 라이브러리를 활용하여 한번 예제를 만들어 봤습니다.말 그대로 Component를 Drag 하여 이동한 다음, 원하는 위치로 이동시켜 Drop 하면, 실제 데이터의 위치까지 변경되게 만드는 것이 목표입니다. Vue3와 Composition API를 적용하여 구현하였고,VUEDRAGGABLE(실제 라이브러리명은 vue.draggable.next)에서 제공하는 Live Demos와 코드를 보고 나서 저만의 방식으로 약간(?) 커스터마이징 하였습니다. Vue의 구조에 익숙하신 분들에게는 크게 어려운 부분은 없으며, 차근차근 살펴보겠습니다. https://github.com/SortableJS/vue.draggable.next GitHub - Sortab..

안녕하세요. 🐸아래 GIF와 같이 미끄러지듯이 이미지를 슬라이드 하는 것을 쉽게 구현해보려고 합니다.  제가 이전 포스팅에서 다뤘던 Swiper로 구현해보려고 하는데요. API를 다 살펴보고 이것저것 적용해 보는 데도 결국 제가 원하는 정도로는 구현되지 않았습니다. (시무룩.. 😞) 한장 한장 슬라이드 되면서 끝자락에 서서히 멈추는데, 이 기능이 Swiper에서 기본적으로 적용되는 부분이라 어떻게 컨트롤이 안 되더라구요.(결국, 원하는 부분을 CSS에 transition을 적용하여 해결하였습니다. 😮‍💨) 그래도 제가 어떻게 구현했는지는 확인하시는 게 조금이라도 도움이 될 거라 생각하며 시작하겠습니다.일단, 기본 소스들은 AI의 도움을 받아 빠르게 작성하였습니다. 추후에 제가 어떤 식으로 AI에게..

[2024.11.17 개선판 작성] 제가 이번에 Composition API로 Datepicker 관련 개선판을 추가로 작성하였습니다. Typescript까지 적용한 버전이니 관심 있으시면 아래 링크 한번 확인해 보세요. 😊 2024.11.08 - [Programming/Vue] - [vue3-datepicker] Vue3 달력 (개선판. Composition API Version) [2024.11.04 변경사항 반영]가장 최신버전으로 버전 ⬆️ (v0.4.0)dayFormat prop 적용제가 vue 관련해서 올린 글 중에 가장 많이 찾아보시는 글인데, 아무래도 한동안 업데이트 된 내용에 대해서 신경을 못 썼던 것 같습니다. 다시 보니깐 포스팅을 2022년 12월에 올렸었네요. 😅 직접 확인할 수..

안녕하세요. 🐸다시 Vue에서 사용하는 달력(Datepicker)에 대한 글을 하나 더 작성하려고 합니다.일종의 기존에 제가 올렸던 부분의 개선판이라고 보는 게 맞는 것 같네요. 이번엔 나름 신경 써서 작성해 봤습니다. 😊 최근(2024.11.04) 기존에 올렸던 글에 추가 기능에 대한 설명을 업데이트 하긴 했으나 당시에 제가 Vue3와 Composition API에 대한 이해가 아직 부족했던 시기였기에 제가 다시 봐도 부족한 부분이 여럿 보이는 데요. 이번에는 해당 Component를 쉽게 세팅하고 값을 가져올 수 있도록 만들어 봤습니다. (개선하기 전, 즉 이전에 올렸던 글은 아래 링크를 확인해주세요.) 2022.12.19 - [Programming/Vue] - [Datepicker] Vue3 달..

안녕하세요. 오랜만에 블로그에 포스팅합니다. 😇일 뿐만 아니라 육아까지.. 어느덧 제 나이가 40이 되었네요. 많이 힘듭니다. 🐸역시 어떤 일이든 꾸준히 한다는 것 자체가 어려운 일임을 다시 한번 깨닫고 있습니다. 제 개인적인 이야기는 뒤로 하고요. ㅎㅎ 이번에는 Java로 공공데이터를 가져오는 예제를 작성해보려고 합니다.작성한 소스코드는 제 GitHub에 올려놨으니 참고하실 분은 참고하시면 될 것 같습니다.  💿 공공데이터란? 누구나 이용가능합니다!공공데이터란 공공기관이 만들어내는 모든 자료나 정보, 국민 모두의 소통과 협력을 이끌어내는 공적인 정보를 말합니다.각 공공기관이 보유한 공공데이터 목록과 국민에게 개방할 수 있는 공공데이터를 포털에 등록하면 모두가 공유할 수 있는 양질의 공공데이터로 재..

생각보다 많은 분들이 이 글을 봐주셔서 이번에 두 번째 이야기를 작성하려 합니다.(작성완료 되면 링크 남기겠습니다.) 주제는 '살아남는 법(?)'에 대한 제 경험과 생각인데요.아무래도 제 개인적인 생각을 이야기하는 것이니 너무 '맞다/아니다'로 판단하시기보단 '그럴 수도 있겠구나'로 봐주셨으면 좋겠습니다.저뿐만 아니라 누구의 이야기든 100% 모두 맞는 말을 하는 것은 아니기에 각자 상황에 맞게 걸러 들으셔야 합니다. 🐸  1️⃣ Intro  제가 프리랜서 개발자로 일하면서 느낀 점을 정리해 보았습니다.2022년 10월 기준으로 프리랜서 생활한 지 만 5년(경력은 만 10년 되어감)이 넘었으며,다음 프로젝트로 이동하면서 생기는 갭(보통 3~7일, 신혼여행 제외)을 제외하고 쉬지 않고 일했습니다.사견을 ..

안녕하세요. 🐸간만에 또 찾아뵙습니다.이번에는 코인 거래소에서 자동매매를 하는 걸 소개해 드리려고 합니다. 코드는 Python으로 작성하였고, 최대한 업비트(UPbit)에서 제공하는 API를 활용하였습니다. 제가 직접 구현해보니까 난이도 자체는 어렵지 않은데, 이걸 유지보수 하기 위해 매매 전략을 상황에 맞게 세우고, 테스트하고, 검증하려면 그래도 어느 정도 사전지식이 있어야 하겠더라고요. 그냥 아무 것도 모른 상태에서 접근하는 것은 권해드리진 않습니다. 아무리 검증한 것이라도 100%는 없다는 것을 미리 알고 있어야 합니다. 아무래도 매매를 통해 돈이 늘어날 수도 있고 줄어들 수도 있기 때문에 이점을 항상 염두에 둬야 합니다. 그럼, 시작하겠습니다. 😊  🚨 주의사항 제가 작업한 자동 매매 프로..

안녕하세요. 🐸오랜만에 프로그램이 아닌 다른 정보를 공유하고자 포스팅하게 되었습니다. 제목에서 안 좋은 기운이 풍기듯이..결론부터 말씀드리면, 이제 유효기간이 지난 문화상품권 등록이 되지 않습니다. 😱(제가 확인한 건 지류, 즉, 유효기간이 지난 종이로 된 문화상품권입니다.)  지류 문화상품권  위와 같이 검색해 보시면 '유효기간이 지난 상품권'에 관한 내용들이 많이 검색되는데요.다들 한결같이 컬쳐랜드에 들어가셔서 등록하면 된다고 나와 있습니다. 저도 예전에 유효기간이 지난 (지류)문화상품권을 전환한 적이 있어서이번에도 컬쳐랜드 들어가서 포인트로 전환하여 사용하려고 했습니다.   전환  (지류)문화상품권은 상단 메뉴에 있는 [충전] 메뉴를 클릭한 다음스크롤을 맨 아래로 내리면 다음 이미지와 같이 '문..