본문 바로가기

Dev/script42

티스토리 블로그에 수학 기호 표기, 함수, 분수, 행렬, 미분, 적분, 수식 입력하기 LaTex MathJax 스크립트 티스토리 블로그에 수학 기호 표기, 함수, 분수, 행렬, 미분, 적분, 수식 입력하기 LaTex MathJax 스크립트티스토리 블로그에서 수학 기호나 복잡한 수식을 깔끔하게 표시하는 것은 매우 중요합니다. 특히 수학, 과학, 공학 관련 블로거들에게 수식 표현은 필수적인 기능입니다. 이를 쉽게 구현할 수 있는 방법 중 하나는 LaTeX와 MathJax 스크립트를 활용하는 것입니다.LaTeX는 수학 기호와 수식을 표현하는 전문적인 시스템으로, MathJax는 이를 웹 페이지에 적합하게 출력해주는 자바스크립트 라이브러리입니다. 이번 포스팅에서는 티스토리 블로그에 수학 기호와 다양한 수식을 LaTeX와 MathJax를 사용해 쉽게 입력하는 방법을 소개하겠습니다.Step 1. 스크립트 복사 후 HTML 편집에 붙.. 2024. 9. 21.
애드센스 광고 무효클릭 방지 코드 애드센스 광고 무효클릭 방지 코드Google 애드센스(AdSense)는 웹사이트 운영자들에게 수익을 창출할 수 있는 강력한 광고 플랫폼을 제공합니다. 하지만 애드센스를 통해 수익을 극대화하려는 노력과 함께, 광고 클릭이 무효 클릭이 되는 문제는 웹사이트 운영자들에게 큰 고민거리가 될 수 있습니다. 무효 클릭은 광고주와 웹사이트 운영자 모두에게 손해를 끼칠 수 있으며, 이는 광고 수익의 감소뿐만 아니라 계정 정지와 같은 심각한 결과를 초래할 수 있습니다.무효 클릭은 일반적으로 악의적인 클릭, 자동화된 클릭, 또는 비정상적인 클릭 패턴에 의해 발생합니다. 이 문제를 해결하기 위해 여러 가지 접근 방법이 있지만, 이번 포스트에서는 무효 클릭을 방지하기 위한 기본적인 코드와 함께 그 원리와 적용 방법에 대해 알.. 2024. 7. 21.
자바스크립트 기초대사량 계산기 - 해리스-베네딕트 기초대사량 계산법 자바스크립트 기초대사량 계산기 - 해리스-베네딕트 기초대사량 계산법해리스-베네딕트 기초대사량(Basal Metabolic Rate, BMR) 계산법은 개인의 기초대사량을 추정하는 데 널리 사용되는 공식을 제공합니다. 기초대사량은 휴식 상태에서 소비되는 에너지의 양을 의미하며, 이를 통해 하루 동안 필요한 총 에너지 소비량(TDEE)을 계산할 수 있습니다. 본 글에서는 해리스-베네딕트 공식을 사용하여 자바스크립트로 기초대사량 계산기를 만드는 방법을 설명하겠습니다.기초대사량이란?기초대사량(Basal Metabolic Rate, BMR)은 개인이 생명 유지에 필요한 최소한의 에너지를 의미합니다. 이는 호흡, 혈액 순환, 체온 유지 등 기본적인 신체 기능을 수행하는 데 필요한 에너지를 포함합니다. 기초대사량은 .. 2024. 6. 3.
크롬 확장프로그램 background.js에서 현재 열려있는 탭의 페이지의 DOM에 접근해 특정 값을 popup.html로 전달하기 크롬 확장프로그램 background.js에서 현재 열려있는 탭의 페이지의 DOM에 접근해 특정 값을 popup.html로 전달하기크롬 확장프로그램은 브라우저의 기능을 확장하고 사용자의 경험을 향상시키는 강력한 도구입니다. 이 글에서는 크롬 확장프로그램에서 background.js 파일을 사용해 현재 열려있는 탭의 페이지 DOM에 접근하고, 특정 값을 popup.html에 있는 div 요소에 추가하여 전달하는 방법을 설명하겠습니다. 이를 통해 크롬 확장프로그램을 보다 유용하게 활용할 수 있게 될 것입니다.현재 열려있는 탭의 페이지의 DOM에 접근해 특정 값을 popup.html로 전달하기 준비 단계크롬 확장프로그램을 개발하기 위해 필요한 기본적인 파일들은 다음과 같습니다:manifest.jsonbackg.. 2024. 5. 24.
JAVASCRIPT RGB 색상표 JAVASCRIPT RGB 색상표웹 퍼블리싱이나 디자인을 공부하는 과정에서 색상 코드는 매우 중요합니다. HTML, CSS, JavaScript와 같은 웹 기술을 사용할 때, RGB 색상 코드는 특히 유용합니다. 이번 글에서는 JavaScript로 구현한 RGB 색상표를 소개하겠습니다. 이 글을 통해 다양한 색상 코드를 쉽게 찾아볼 수 있습니다.RGB 색상코드란?RGB는 빨강(Red), 초록(Green), 파랑(Blue)의 약자로, 이 세 가지 기본 색상의 조합으로 다양한 색상을 표현하는 방식입니다. 각 색상의 값은 0부터 255까지로, 총 256단계를 가집니다. 예를 들어, RGB(255, 0, 0)는 순수한 빨간색을 나타내고, RGB(0, 255, 0)는 초록색을, RGB(0, 0, 255)는 파란색.. 2024. 5. 19.
1678. Goal Parser Interpretation leetcode javascript 해석 및 풀이 1678. Goal Parser Interpretation leetcode javascript 해석 및 풀이 You own a Goal Parser that can interpret a string command. The command consists of an alphabet of "G", "()" and/or "(al)" in some order. The Goal Parser will interpret "G" as the string "G", "()" as the string "o", and "(al)" as the string "al". The interpreted strings are then concatenated in the original order. Given the string comma.. 2024. 1. 3.
(Javascript)개발자 도구 콘솔창 차단 방법 - 사이트 이동 [경고] 개발자 도구가 감지되었습니다. (Javascript)개발자 도구 콘솔창 차단 방법 - 사이트 이동 [경고] 개발자 도구가 감지되었습니다. 1. 개발자 도구의 중요성과 사이트 보안 웹 개발자들에게 개발자 도구는 필수적인 도구입니다. 이를 통해 웹사이트의 HTML, CSS, JavaScript 코드를 확인하고, 디버깅을 수행할 수 있습니다. 하지만, 개발자 도구를 사용하여 사이트의 보안을 위협하는 행위도 가능하기 때문에, 웹사이트 보호를 위해 개발자 도구의 접근을 제한하는 것이 필요할 때가 있습니다. 2. 개발자 도구 감지 방법 개발자 도구를 감지하는 가장 일반적인 방법은 window 객체의 devtools 이벤트를 활용하는 것입니다. 예를 들어, F12 키를 눌러 개발자 도구를 열거나, 브라우저의 오른쪽 클릭 메뉴에서 '검사'를 선택할.. 2023. 12. 14.
공무원 임용령 개정안 공무원 최저승진연수 5년 단축 공무원 임용령 개정안 9급에서 3급까지, 공무원 최저승진연수 5년 단축 한국의 공무원 승진체계가 혁신의 길로 나아가고 있습니다. 이에 따라 공무원들의 승진 기회가 확대되고, 특히 우수한 역량을 갖춘 공무원들에게는 근무 연차와 관계없이 승진이 가능한 환경이 조성됩니다. 또한, 다자녀를 양육하는 공무원들에게도 승진 우대 근거가 마련되어 다자녀 양육 공무원들의 혜택이 더욱 확대됩니다. 본문: 한국의 공무원 승진체계가 혁신의 길로 나아가고 있습니다. 이에 따라 공무원들의 승진 기회가 확대되고, 특히 우수한 역량을 갖춘 공무원들에게는 근무 연차와 관계없이 승진이 가능한 환경이 조성됩니다. 또한, 다자녀를 양육하는 공무원들에게도 승진 우대 근거가 마련되어 다자녀 양육 공무원들의 혜택이 더욱 확대됩니다. 9급에서 3.. 2023. 11. 19.
에라토스테네스의 체 JS 소수 찾기 알고리즘 만들기 에라토스테네스의 체를 이용한 자바스크립트 소수 찾기 로직 소개: 에라토스테네스의 체란 무엇인가? 에라토스테네스의 체는 고대 그리스 수학자 에라토스테네스가 발명한 알고리즘으로, 특정 범위 내에서 소수를 찾는 가장 효율적인 방법 중 하나입니다. 이 방법은 특정 수의 배수를 제거해 나가며 소수만을 남기는 방식으로, 컴퓨터 과학에서도 널리 쓰이고 있습니다. 자바스크립트를 이용해 이 알고리즘을 구현한다면, 소수를 빠르고 효율적으로 찾을 수 있습니다. 자바스크립트로 에라토스테네스의 체 구현하기 자바스크립트를 사용하여 에라토스테네스의 체 알고리즘을 구현하는 과정은 다음과 같습니다: 초기화: 먼저, 소수를 찾고자 하는 범위까지의 모든 숫자를 포함하는 배열을 생성합니다. 이 배열은 초기에 모든 숫자가 소수라고 가정합니다.. 2023. 11. 15.
javascript 시간 제어 함수 setTimeout(), setInterval(), clearTimeout() javascript 시간 제어 함수 setTimeout(), setInterval(), clearTimeout() JavaScript에서 시간 제어를 위해 사용되는 함수는 크게 두 가지가 있습니다. setTimeout() 함수는 일정 시간 후 함수를 한 번만 실행합니다. setInterval() 함수는 일정 시간 간격마다 함수를 반복해서 실행합니다. 두 함수의 사용법은 다음과 같습니다. // setTimeout() 함수 setTimeout(함수, 시간); // setInterval() 함수 setInterval(함수, 시간); 함수는 실행할 함수입니다. 시간은 밀리초(ms) 단위의 시간입니다. setTimeout() 함수의 예는 다음과 같습니다. // 10초 후 "Hello, world!"를 출력합니다... 2023. 11. 6.
자바스크립트 바인딩: 개념과 활용 Javascript binding 자바스크립트 바인딩의 이해와 활용 Javascript binding 자바스크립트는 웹 개발에서 없어서는 안 될 핵심 언어 중 하나로, 동적인 웹 페이지를 만들기 위해 사용됩니다. 특히, 자바스크립트의 바인딩(binding)은 데이터와 UI 요소 간의 동적인 상호작용을 가능하게 하는 중요한 개념입니다. 이 글에서는 자바스크립트 바인딩에 대해 자세히 알아보고, 어떻게 활용할 수 있는지에 대해 설명하겠습니다. Javascript binding의 기본 개념 바인딩이란 프로그래밍에서 이름(변수, 함수 등)이 실제 데이터나 코드에 연결되는 과정을 말합니다. 자바스크립트에서는 이 바인딩이 매우 유연해서 실행 시점에 바인딩을 변경할 수 있으며, 이는 함수형 프로그래밍이나 반응형 프로그래밍에서 매우 유용하게 사용됩니다... 2023. 10. 31.
썸네일 이미지 비율 유지 영역에 꽉 차게 이미지 자르기 한 후 가운데 정렬 CSS 및 jquery 가로세로 비율 썸네일 이미지 비율 유지 및 가운데 정렬: CSS와 jQuery 활용법 웹 디자인에서 썸네일 이미지나 대표 이미지를 사용할 때, 다양한 이미지의 가로세로 비율이 다를 경우 이를 통일한 디자인으로 표현하고자 하는 경우가 많습니다. 이를 위해 이미지를 해당 비율에 맞춰 자르고, 가운데 정렬하는 방법에 대해 소개하겠습니다. 원본 이미지의 가로세로 비율이 다양함 특정 영역에 이미지를 꽉 차게 표현하면서, 넘치는 부분은 잘라내야 함 CSS만을 활용하여 원본 이미지를 수정하지 않고 원하는 디자인을 구현하고자 함 해결 방법 1. HTML 구조 이미지는 최소 2개의 wrapper에 감싸져야 합니다. 이렇게 감싸진 영역을 활용하여 이미지를 가운데 정렬하고, 넘치는 부분을 잘라냅니다. 2. CSS 스타일링 .featImg.. 2023. 10. 6.

티스토리툴바