본문 바로가기
728x90
반응형

전체 글1409

[Html & CSS] 헤더에 있는 햄버거 버튼 꾸미기 및 만드는 방법 !! (x자 모양) #1 [Html & CSS] 헤더에 있는 햄버거 버튼 꾸미기 및 만드는 방법 !! (x자 모양) #1 이번 시리즈는 다양한 모양의 햄버거버튼을 만드는 방법입니다 !! 예제코드 결과 2024. 2. 26.
[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.
[Html & CSS] 헤더 항상 위에 고정 시키는 방법 !! (header sticky 주는 방법) [Html & CSS] 헤더 항상 위에 고정 시키는 방법 !! (header sticky 주는 방법) 헤더에 위치한 메뉴바가 스크롤 내려도 항상 고정 되게 하는 방법입니다 ㅎ 예제코드 My Sticky Header Scroll down to see the sticky effect. This header will stick to the top of the page when you reach its scroll position. Scroll back up to remove the sticky effect. More content to show the scroll effect... Scroll down to see the sticky effect. This header will stick to the top .. 2024. 2. 23.
[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.
[Python & Flask] 플라스크에서 static 폴더 경로 참조 하는 방법 !! [Python & Flask] 플라스크에서 static 폴더 경로 참조 하는 방법 !! Flask에서 HTML 파일과 CSS 파일을 연결하는 일반적인 방법은 Flask의 정적(static) 파일 제공 기능을 사용하는 것입니다. Flask는 정적 파일을 제공하기 위해 static 폴더를 사용하며, 이 폴더 내의 파일들은 URL을 통해 직접 접근할 수 있습니다. HTML 파일에서 CSS 파일을 참조할 때는 Flask의 url_for 함수를 사용하여 정적 파일 경로를 생성해야 합니다. 폴더 구조 예시 your_flask_app/ │ app.py └───templates/ │ └─your_template.html └───static/ └─css/ └─style.css CSS 파일 참조 방법 HTML 파일 내에서.. 2024. 2. 21.
[PyCharm] Fatal Python error: init_stdio_encoding: failed to get the Python codec name of the stdio encoding Python runtime state: core initialized LookupError: unknown encoding: x-windows-949 Current thread 0x00001020 (most recent call first): <no Pyth.. [PyCharm] Fatal Python error: init_stdio_encoding: failed to get the Python codec name of the stdio encoding Python runtime state: core initialized LookupError: unknown encoding: x-windows-949 Current thread 0x00001020 (most recent call first): 에러 해결방법 아래 두가지 셋팅 해주시면 해결 됩니다 ㅎ File -> Settings -> Editor -> File Encoding -> project setting -> UTF-8 File - Settings - Editor - General - Console -> D.. 2024. 2. 20.
[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.
728x90
반응형

티스토리툴바