HTML, CSS, JavaScript 등 웹 개발 정보를 제공하는 블로그

일상의 잡다한 생각과 내용을 글 또는 사진으로 표현하는 일상 블로그입니다.

recentPost
Archive
recentComment
personalProject
- 대출 이자 계산기
- 컬러 변환 및 단계 표시

전체 글

일상의 잡다한 생각과 내용을 글 또는 사진으로 표현하는 일상 블로그입니다.

This category have 170 Posts.

This search have 170 Posts.

This tag have 170 Posts.

Life/Seller

스토어 판매 결산 엑셀 파일 ver 8 (맨땅에 해딩 삽질 기록)

이번에 만들었는 업데이트는 많은 양의 데이터를 한 번에 입력하는 엑셀입니다. 7버전까지는 하나하나 수작업으로 입력하였는데 이번에는 한꺼번에 입력하는 것으로 만들었답니다. (주문량이 많으면 입력만 하루종일 걸려서 이렇게 변경하였습니다.)이번부터는 각각의 쇼핑몰 사이트에 들어가서 정보를 보고 입력하는것이 아니라 토글이라는 사이트에서 취합하여 한번에 엑셀파일을 내려받고 그 엑셀파일을 불러와서 저에게 맞는 양식으로 변경하는 것입니다. 흐름도는 토글 > 엑셀 > 파이썬파일 이런 식입니다. 간단하죠. 업데이트이번에 ver8부터는 수동으로 파일을 이메일 보내고 받아서 데이터 옮기고 그런 작업을 하지 않고 인터넷으로 업데이트 파일을 받아 실행하면 되도록 만들었습니다.파일을 실행하면 업데이트 파일을 찾아 업데이트가 있으..

2025. 2. 12.
Document/Memory

대출 이자 계산기

대출 이자 계산기 v1.2 대출 이자 계산기로 매월 얼마씩 갚아야 하는지, 대출 기간 동안 총 상환 금액과 대출 이자는 얼마인지 확인해 보세요. 대출 금액: 원 +100만 +1000만 +1억 대출 기간: 개월 +1년 ..

2025. 2. 10.
Document/Memory

컬러 변환 및 단계 표시

컬러 변환 및 단계 표시 (Color Conversion and Step Display) 컬러 선택 (즉시 반영): 컬러 입력 (#ff0000, rgb(...), hsl(...), oklch(...)): 생성 ※ 참고 chroma.hsl(h, s, l)을 사용하여 새로운 색상을 만들고 있는데, 이 과정에서 alpha 정보가 사라짐. color.js를 사용해봐도 쉽지 않음. 굳이 않되는 것 하지 않고 그냥 사용 하기로 했습니다. 양해 바랍니다.※ hwb, cmyk, lab은 입력 지원은 하나 권장하지 않음. (수정은 하였지만 데스트 많이 해보질 않음) 수정 - 2025-02-29:hwb, cmyk는 Chroma.js에서 변환하지 않아 CMYK → RGB → CMYK로 변환 근사값으로 변환 되..

2025. 2. 10.
Document/Memory

무료 온라인 오디오 & 사진 편집기 사이트 추천

위 사이트 MyEdit은 무료로 오디오 및 사진을 편집할 수 있는 온라인 도구입니다. 해당 사이트의 오디오 트리머(Audio Trimmer) 기능을 사용하면 브라우저에서 직접 오디오 파일을 자르고 편집할 수 있습니다. https://myedit.online/kr/audio-editor/audio-trimmer 오디오 자르기- 무료 온라인 오디오 편집기 - MyEditMP3 및 오디오 파일을 잘라냅니다. 오디오 디렉터는 브라우저 기반의 무료 오디오 편집기입니다.myedit.online🔹 MyEdit의 주요 기능1️⃣ 오디오 트리밍(자르기)원하는 부분만 잘라서 새로운 오디오 파일로 저장 가능.2️⃣ 오디오 변환MP3, WAV 등 다양한 포맷 변환 지원.3️⃣ 잡음 제거배경 소음 줄이기 기능.4️⃣ 음량 ..

2025. 2. 7.
Study/IT_PC

나의 소프트웨어 버전 관리의 순서와 이유

소프트웨어 개발에서는 제품의 안정성을 확보하기 위해 여러 단계의 버전 관리를 진행합니다.보통 Alpha → Beta → Stable → Legacy → Deprecated 순서로 진행되며, 각 단계에는 특정한 목적과 이유가 있습니다. Alpha (알파) 버전순서가장 초기 개발 단계특징초기 개발 단계에서 내부 테스트 용도로만 사용됨.많은 버그와 불안정한 기능이 포함될 수 있음.주요 기능이 구현되었지만, 완전히 동작하지 않을 수도 있음.일반적으로 개발자 또는 소수의 내부 테스터만 접근 가능.이유소프트웨어의 핵심 기능이 정상적으로 동작하는지 확인.기본적인 구조와 동작 방식의 검증.내부적으로 기능을 추가, 수정하면서 개선하는 단계.Beta (베타) 버전순서알파 테스트 이후, 일반 사용자 대상 테스트 시작특징대규..

2025. 2. 3.
Study/JavaScript

Javascript : 웹사이트 블라인드 효과, 마우스/키보드 이벤트를 비활성화, 스크롤을 방지 효과주기

다음은 블라인드 효과를 적용하고, 마우스/키보드 이벤트를 비활성화하고, 스크롤을 방지하고, 정상적인 동작을 복원하는 단일 함수를 포함하는 JavaScript 코드의 결합되고 단순화된 버전입니다. 간혹 사이트를 패쇄하기는 그렇고 잠시 막아야 할때 유용한것 같습니다.기본코드 웹사이트 블라인드 효과 현재 화면이 블라인드 효과로 가려져 있습니다. 1. HTML 구조#blind-overlay: 블라인드 효과를 위한 div 요소로, 화면을 어둡게 덮고 흐림 효과를 적용합니다..content: 메인 콘텐츠로, 블라인드 효과 아래에 표시됩니다..restore-button: 사용자에게 정상 동작으로 복구할 수 있는 버튼을 제공합니다.2. CS..

2024. 12. 3.
Study/JavaScript

JavaScript : html의 input에 값이 있는지 없는지 판단하고 class를 추가하라

다음은 search-input 클래스가 있는 입력 요소에 값이 있는지 확인하고 값이 있으면 Xvalue 클래스를 추가하는 JavaScript #스니펫입니다. input 값이 있으면 Xvalue를 추가해라. DOMContentLoaded: DOM이 완전히 로드된 후 스크립트가 실행되도록 합니다.querySelector (쿼리선택기): search-input 클래스를 사용하여 입력 요소를 선택합니다.addEventListener: 사용자가 입력 필드에 무언가를 입력하거나 삭제할 때마다 트리거 되는 input 이벤트를 수신합니다.조건:입력된 트림된 값이 비어 있지 않은지 확인합니다. 조건이 참이면 'Xvalue' 클래스를 추가하고 거짓이면 제거합니다. 간략히document.querySelector('..

2024. 12. 2.
Study/Etc_Studying

VBA [Visual Basic for Application]

VBA(Visual Basic for Applications)란?VBA(Visual Basic for Applications)는 Microsoft Office 응용 프로그램을 자동화하고 확장할 수 있도록 설계된 프로그래밍 언어입니다. Microsoft에서 개발한 Visual Basic을 기반으로 한 스크립트 언어이며, 엑셀(Excel), 워드(Word), 아웃룩(Outlook), 액세스(Access) 등 다양한 Office 제품에서 사용할 수 있습니다. 📌 VBA의 주요 특징Microsoft Office 자동화엑셀, 워드, 아웃룩 등 Office 제품의 기능을 프로그래밍으로 자동화할 수 있습니다.예: 엑셀에서 반복적인 데이터를 처리하는 매크로(Macro) 자동화.Visual Basic 기반Visual ..

2024. 1. 17.
Document/Memory

보안프로그램을 대체하는 앱 + 지우는 앱 - 구라제거기, 식탁보 프로젝트

요즘에는 인터넷 뱅킹, 전자정부 서비스 등을 이용하기 위해서는 보안프로그램을 설치해야 하는 경우가 많습니다. 이러한 보안프로그램은 해킹으로부터 사용자의 개인정보를 보호하기 위한 목적으로 개발되었지만, 일부 보안프로그램은 과도한 시스템 자원을 사용하거나, 불필요한 광고를 표시하거나, 심지어 악성코드를 유포하는 등의 문제를 일으키기도 합니다.이러한 문제를 해결하기 위해 개발된 것이 구라제거기와 식탁보 프로젝트입니다. 구라제거기구라제거기는 인터넷 뱅킹, 전자정부 서비스 등을 이용하기 위해 설치되는 보안프로그램을 자동으로 찾아서 삭제해주는 프로그램입니다. 구라제거기는 다음과 같은 기능을 제공합니다.설치된 보안프로그램의 목록을 제공합니다.보안프로그램을 선택하여 삭제할 수 있습니다.보안프로그램을 자동으로 삭제할 수..

2024. 1. 15.
Study/IT_PC

1

Windows 7 이상에서 God Mode

Windows 7 이상에서 #God_Mode 활용법 Windows에서 "God 모드"라는 용어는 하나의 폴더에 중앙 집중식의 포괄적인 설정 및 옵션 목록을 제공하는 숨겨진 기능을 의미합니다. 이 기능은 Microsoft에서 공식적으로 문서화하지 않았으며 실제 "God Mode"라기보다는 고급 제어판에 가깝습니다. 만드는법 바탕화면에 새로운 폴더를 하나 만들고 이름을 다음과 같이 하면 God Mode.{ED7BA470-8E54-465E-825C-99712043E01C} 마침표 앞에 "GodMode"를 원하는 이름으로 바꿀 수 있지만 나머지 문자열은 동일하게 유지되어야 합니다. God Mode 라는 아이콘이 하나 생깁니다. 이 기능은 고급 사용자를 위한 기능이며 특정 설정을 변경하면 시스템 동작에 영..

2023. 11. 18.
Study/IT_PC

2

네이버 웨일 다중브라우저(다중로그인) 사용하는 방법(임시)

네이버 웨일은 지금(버전 3.20.182.14)까지는 제가 알기로 다중 브라우저 (다중 로그인)를 가 지원하지 않고 있는 것으로 알고 있습니다. (아니면 댓글 부탁드립니다.) 그래서 웨일 헬프에서 보니 유저데이터분리가 있어 이용해 보았습니다. 위의 답변에서 '유저 데이터 위치 분리'로 '다중로그인'을 해서 사용하면 되는 것입니다. 복사 간단히 바탕화면의 웨일을 복사 붙여 넣기 해서 바로가기 1개 더 만듭니다. 그 후 마우스 오른쪽을 눌러 메뉴에서 속성으로 들어갑니다. 속성수정 복사본 속성에 들어가서 --user-data-dir="D:\Whale\사용할 폴더이름"을 추가하시면 됩니다. 저는 'rain'이라는 폴더를 추가하였습니다. 두 개의 브라우저를 실행하면 각각의 웨일이 실행된 것을 보실 수 있습니다. ..

2023. 7. 18.
Life/Seller

스토어 판매 결산 엑셀 파일 ver 7 (맨땅에 해딩 삽질 기록)

어느덧 2022년이 가고 2023년이 하루 남았네요. 2023년을 시작으로 하려는 파일이 2023년 1월 초에나 만들엤습니다. 쇼핑몰을 하면서 이런 일 저런 일 많았지만 엑셀 하나만큼은 발군의 실력이 된 것 같습니다. 매일 엑셀을 자고 하다 보니 당연하게도 실력은 느네요. 시작 이번에 버전은 7입니다. 물론 도중에 그만둔 것도 있지만 그래도 6보다는 더욱더 많은 기능을 넣었습니다. 왼쪽부터 만들다가 오른쪽으로 변경하였습니다.(왼쪽도 이쁜데....) 흰색 배경도 좋았지만 아무래도 계산 결과를 크게 보는 것이 더 좋더군요. 입력폼 이번 버전은 아직은 미완성입니다. 며칠 후에나 완성되겠지만 마음이 급하여 먼저 올립니다. 버전 7의 변경된점 6버전에서와 같이 2개의 쇼핑몰의 변경이 좀 더 쉬워졌습니다. 주문번호..

2022. 12. 30.

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

HTML, CSS, JavaScript 등 웹 개발 정보를 제공하는 블로그

전체 글

스토어 판매 결산 엑셀 파일 ver 8 (맨땅에 해딩 삽질 기록)

대출 이자 계산기

컬러 변환 및 단계 표시

무료 온라인 오디오 & 사진 편집기 사이트 추천

나의 소프트웨어 버전 관리의 순서와 이유

Javascript : 웹사이트 블라인드 효과, 마우스/키보드 이벤트를 비활성화, 스크롤을 방지 효과주기

JavaScript : html의 input에 값이 있는지 없는지 판단하고 class를 추가하라

VBA [Visual Basic for Application]

보안프로그램을 대체하는 앱 + 지우는 앱 - 구라제거기, 식탁보 프로젝트

Windows 7 이상에서 God Mode

네이버 웨일 다중브라우저(다중로그인) 사용하는 방법(임시)

스토어 판매 결산 엑셀 파일 ver 7 (맨땅에 해딩 삽질 기록)

티스토리툴바

개인정보

단축키

내 블로그

블로그 게시글

모든 영역