728x90 반응형 Coding/JavaScript95 [JavaScript] 텍스트를 입력 받아 해시태그를 추가하는 방법 !! (# 추가하기) [JavaScript] 텍스트를 입력 받아 해시태그를 추가하는 방법 !! (# 추가하기)input창에 텍스트를 넣으면 자동으로 해시태그(#)를 붙여주는 함수 입니다 ㅎ 예제코드Automatic Hashtag 값을 넣어주세요: Click 결과값Automatic Hashtag 값을 넣어주세요: Click 2024. 5. 3. [JavaScript] 자바스크립트를 활용하여 단어 치환하는 방법 !! [JavaScript] 자바스크립트를 활용하여 단어 치환하는 방법 !! 자바스크립트를 활용해서 특정 단어를 치환하여 결과값을 뿌려주는 코드입니다. 예제코드 단어 리스트와 치환하기 텍스트 입력: 치환할 단어: 대체할 단어: 치환하기 결과: 결과값 2024. 4. 15. [DataTables & jquery] 데이터테이블에서 row 클릭 이벤트 사용하는 방법 !! [DataTables & jquery] 데이터테이블에서 row 클릭 이벤트 사용하는 방법 !! 아래와 같이 코드를 사용하면 datatables에서 클릭 된 로우의 데이터를 가지고 올 수 있습니다. 이러한 방법으로 팝업을 띄우거나 ajax통신을 한다던가 사용하시면 됩니다 :) 예제코드 $('#post-table').on('click', 'tbody tr', function() { $("#post-table").DataTable().row($(this)).data(); }); 2024. 4. 11. [JavaScript] 자바스크립트를 활용하여 클립보드에 텍스트 복사하는 방법 !! [JavaScript] 자바스크립트를 활용하여 클립보드에 텍스트 복사하는 방법 !! 특정 태그에 담겨있는 텍스트를 클립보드에 복사하는 함수를 만들어 봤습니다 ㅎ 예제코드 function clipboardCopy() { const textToCopy = document.getElementById('post-result').innerText; if (!navigator.clipboard) { console.error('클립보드 API를 지원하지 않는 브라우저입니다.'); return; } navigator.clipboard.writeText(textToCopy) .then(() => { console.log('텍스트가 클립보드에 복사되었습니다.'); }) .catch(err => { console.error.. 2024. 4. 3. [JavaScript] chart.js 를 사용하여 PPG Signal(심박수) 처럼 그래프 만드는 방법 !! [JavaScript] chart.js 를 사용하여 PPG Signal(심박수) 처럼 그래프 만드는 방법 !! 지난 ECG Signal에 이어서 이번에는 PPG(심박수)를 chart.js 를 활용하여 그려보았습니다 ㅎ 예제코드 결과 2024. 2. 25. [JavaScript] chart.js 를 사용하여 ECG Signal(심전도) 처럼 그래프 만드는 방법 !! [JavaScript] chart.js 를 사용하여 ECG Signal(심전도) 처럼 그래프 만드는 방법 !! chart.js를 사용하여 실시간으로 차트가 움직이는 ecg signal을 구현해보았습니다. 완벽하진 않지만 나름 괜찮은것 같네요 !! 예제코드 결과 2024. 2. 24. [JavaScript] 토글 스위치로 전구 Turn On/Off 하기 !! [JavaScript] 토글 스위치로 전구 Turn On/Off 하기 !! 2021.07.21 - [Coding/JavaScript] - [JavaScript] 버튼 Onclick 이벤트로 전구 Turn On/Off 하기 !! [JavaScript] 버튼 Onclick 이벤트로 전구 Turn On/Off 하기 !! JavaScript 버튼 Onclick 이벤트로 전구 Turn On/Off 하기 !! 켜진 전구사진과 꺼진 전구 사진을 구합니다 ! JavaScript로 전구 Turn On/Off 하기 !! ON OFF 결과값 JavaScript로 전구 Turn On/Off 하기 !! ON OFF seill.tistory.com 이전글에 토글 방식이 보고 싶다는 요청이 들어와서 만들어봤습니다 ㅎ 예제코드 Ja.. 2024. 2. 22. [JavaScript] chart.js 사용 중 그래프 사이즈 및 크기 조정하는 방법 !! [JavaScript] chart.js 사용 중 그래프 사이즈 및 크기 조정하는 방법 !! canvas 에 원하는 width 값과 height 값을 주고 차트 옵션에 responsive: false 를 추가해 주시면 끝 ! 2024. 2. 19. [JavaScript] 자바스크립트로 실시간으로 그리는 그래프 만드는 방법 !! (chart.js 사용) [JavaScript] 자바스크립트로 실시간으로 그리는 그래프 만드는 방법 !! (chart.js 사용) 안녕하세요. chart.js 의 차트를 활용하여 실시간으로 그래프가 움직여지게 만들어 보았습니다. 공식사이트를 아래 링크 참조 :) 결과 chart.js 공식사이트 https://www.chartjs.org/ Chart.js Simple yet flexible JavaScript charting library for the modern web www.chartjs.org 2024. 2. 18. 이전 1 2 3 4 ··· 11 다음 728x90 반응형
