내 인생에도 예쁜 꽃이 피었으면 좋겠다

https://www.chartjs.org/ Chart.jsSimple yet flexible JavaScript charting library for the modern webwww.chartjs.org https://kr.pinterest.com/pin/722194490271491419/  motion animated footage statistics bars columns Stock Footage Video [Video] | Motion graphs, Business infographic, GraphingAd: motion animated footage. Statistics bars columns growth, arrow up. Finance, Business Infographic animation..

[ 조건 ]1. 0 ~ 원하는 숫자까지 1초동안 증가시킬 것 + 화면에 바로 노출되어야 함.2. 화면이 위에서 아래로 이동한 경우 ( 스크롤 ) 에만 1번 실행되어야 한다.3. 특정 위치에 가면 초기화되어 숫자가 다시 상승해야 한다.4. 상승하는 영역에서 페이지가 새로고침된 경우 숫자 상승, 상승하는 영역 하단에서 페이지가 새로고침된 경우 숫자 상승.5. 숫자는 콤마가 추가되어야 한다. ......000...  const countTxtList = document.querySelectorAll('.count_txt');const duration = 1000; //1초 동안const numberFormatter = new Intl.NumberFormat('ko-KR');//콤마추가let animationS..

글씨 위치랑 그래프 좀 수정해야 하지만우선 테스트는 여기까지 스크롤 영역1 --> --> 글씨1 123456 글씨2 123456 글자3글자3-1 123456 ..

최신 버전 한글 파일 데이터를 웹에디터에 복사붙여넣기 할 때더보기 "347oPr": { "di": "", "dp": { "dn": "test.hwp", "ta": 1, "d1": 5, "d2": 1, "dv": 0, "dr": 1, "do": 1, "vj": "1.0", "an": "Hancom Office Hangul", "av": "9, 6, 1, 10908", "ao": "WIN", "ab": "32", "ar": "LE", "as": "Windows_Unknown_Version" }, "dis": false, "ds": { "ti": "", "la": "ko", "cr": "", "su": "", "de": "", "cd": "2024-11-11T10:02:38.935Z", "md": "1601-..

https://stackoverflow.com/questions/5620516/how-to-get-text-bold-in-alert-or-confirm-box

https://developers.google.com/youtube/iframe_api_reference?hl=ko iframe 삽입에 대한 YouTube Player API 참조 문서 | YouTube IFrame Player API | Google for Developers 애플리케이션에 YouTube 플레이어를 삽입합니다. developers.google.com - 처음에는 이 api를 통해서 아이프레임 영역을 만들고 player.pauseVideo();함수를 실행시켜서 특정 상황에서 일시정지 기능을 넣었다. 근데 테스트를 하다보니 일시정시 기능이 간헐적으로 작동하지 않았고. api를 통해 아이프레임을 생성한 동영상에서 일시 정지 버튼을 눌렀을 때 연관동영상? 추천동영상이 영상 하단 부분에 뜨는 문..

$(document).ready(function(){ //menu fixed $.fn.Scrolling = function(object, tar){ var _this = this; $(window).scroll(function(e){ var end = object + tar; $(window).scrollTop() >= object ? _this.addClass("gnb-fix2") : _this.removeClass("gnb-fix2"); if($(window).scrollTop() >= end){ _this.removeClass("gnb-fix2");} }); }; var menuAreaTop = $("#menuArea").offset().top; var menuFixArea = $(".content..

지금 개발한 페이지가 게시판 목록인데 '더보기' 버튼을 눌러서 밑으로 계속 목록을 붙여가는 형식이다. '더보기'나 검색 시 화면이 새로고침되어서는 안된다고 해서 ajax로 작성을 했다. 문제는 상세페이지 혹은 다른 연관 페이지로 이동 후 뒤로가기버튼을 누르거나. 목록가기 버튼을 눌렀을 때 이전의 상태를 그대로 보여줘야 한다고 한다. 비동기인데..뒤로가기 했을 때 당연히 이전의 값이 없는게 맞지 라고 생각했지만.. 사용자의 생각은 다른가보다.. 생각해보니 내가 모든 페이지로 ajax를 통해 작성해본 적이 없었다. 어떻게 구현을 할까..방법을 찾는 중이다. 일단 급한대로 목록에서 페이지 이동 할 때 세션 스토리지에 현재의 상태값을 저장하고 다시 목록에 돌아왔을 때 그 상태값이 있으면 다시 조회하도록 했다. ..

https://qastack.kr/programming/8291517/disable-hover-effects-on-mobile-browsers 모바일 브라우저에서 호버 효과 비활성화 qastack.kr https://ui.toast.com/posts/ko_20220106 https://east-star.tistory.com/44 마우스 이벤트, 제대로 사용하고 계신가요? - 클릭과 터치 '세 줄 독후감' 웹사이트를 운영하며, 최근 사용자들에게 한 오류를 제보 받았습니다. 아래 독후감 평점 입력 기능이 동작하지 않는다는 것이었습니다. 근본적인 원인을 찾아보자 먼저 데스크톱 east-star.tistory.com https://doqtqu.tistory.com/355 [css] 모바일 환경(터치 스크린)에서..

html페이지를 이미지로 만들어서 카카오톡에 공유하려고 했는데 다른 방식으로 진행하게 되어서 일단 작성해둔다.. //html페이지는 css가 안먹힐 경우 //하나씩 개별 작성해야 한다. //1. html 페이지를 캡쳐한다. base64 //2. base64를 blob으로 변환하여 //3. 폼을 만들고 ajax로 서버에 저장하고 //4. 받아온 이미지 파일명을 카카오 공유할 때 사용한다. //* 화면이 100%여야 이미지가 그나마 정확하게 캡쳐됨. function fn_ImageSave(){ //1. html 캡쳐하기 $('html').scrollTop(0); var imgBase64 = ""; var base64ImageContent = ""; var blob = ""; html2canvas(docume..