웹으로 말하기 - mysetting

11:59 5/30

mytory.net

mobile screenshot relative

11:59

mytory.net

mobile screenshot

웹으로 말하기
https://mytory.net/

웹개발, PHP, CSS, jQuery, javascript, 아이폰 등등

저작도구: Jekyll v3.9.0

최종 피드 수집: 2026-05-19 11:47

전체 (81)

13d

봇이 아님을 증명하다가 해킹 당한 이야기 (ClickFix 공격)

로봇이 아님을 증명하려면 인증 코드를 얻는 명령을 커맨드라인에 붙여 넣으라고 해서 ‘신기한 방식이네’ 생각하면서 따라했는데요. 그 순간 해킹됐습니다. 이는 최근 유행하는 클릭픽스(ClickFix) 공격인데요. 클릭픽스 공격은 캡차

기타

hacking

001

13d

WSL에서 SSH 키 암호 입력을 최소화하는 방법 (Keychain 활용)

SSH 개인키에 암호(Passphrase)가 걸려 있는 경우, 매번 입력하는 번거로움을 해결하기 위해 keychain을 사용한다. 시스템 재부팅 후 첫 터미널 실행 시 딱 한 번만 암호를 입력하면 이후 모든 세션에서 암호 없이 S

Memo

기타

WSL

000

1M

WSL2 스토리지 가상 디스크(VHDX) 용량 줄이기

WSL 리눅스 내부에서 파일을 삭제해도 윈도우 호스트의 .vhdx 파일 크기는 줄어들지 않습니다. 가상 디스크가 한번 점유한 공간을 운영체제에 자동으로 반환하지 않는 것이 기본 설정이기 때문입니다. 현재 사용 중인 디스크의 용량을

Memo

기타

TIP

WSL

001

1M

[메모] 윈도우 공용 컴퓨터용 정기 파일 삭제 스크립트 만들고 정기적으로 실행하는 방법

전체 흐름 삭제 대상 정의 → 배치 스크립트 작성 → 작업 스케줄러 등록 → 테스트 및 검증 1단계 – 삭제 대상 경로 정의 2단계 – 배치 스크립트 작성 (.bat) C:\Scripts\cleanup.bat 경로에 파일을 만들고

Memo

기타

003

1M

WSL GNU Pass와 윈도우 브라우저 연동하기

WSL에서 GNU Pass를 브라우저에서 이용하는 게 복잡했으므로 정리한다. 내가 따른 방식은 .password-store를 윈도우 스토리지로 옮기고, WSL에서는 소프트링크를 걸어 데이터를 윈도우와 WSL 모두에서 접근할 수 있

Memo

WSL

002

3M

Windows Terminal + WSL에서 “현재 폴더로 새 탭 열기” 만들기

Windows 기본 터미널(Windows Terminal)은 탭, 분할, 프로필 관리까지 다 되는 훌륭한 터미널이다. WSL과의 통합도 잘 되어 있고, 기본 셸로 Ubuntu나 zsh를 써도 큰 불편은 없다. 다만, WSL에서 새

Memo

TIP

WSL

002

3M

보호된 글: PPT에 있는 모든 레이어를 png로 뽑아내는 방법(VBScript 사용)

보호 글이라서 요약이 없습니다.

기타

002

4M

2025년 블로그 돌아 보기

2025년 블로그 인기글 Top 10을 정리했습니다. 정리하고 보니, 가려운 곳을 긁어준 글과 직접 경험한 것을 깊이 있기 설명한 글이 상위권을 차지한 것을 알 수 있습니다. 가려운 곳을 긁어준 글은 슬랙 인커밍 웹훅 주소를 알려

기타

002

4M

로컬 개발시 이메일 전송 테스트할 수 있는 유용한 프로그램 Mailpit

Mailpit은 로컬 개발 환경에서 메일 전송을 테스트할 때, 메일을 외부로 보내지 않고 로컬에서 보내고 로컬에서 받아볼 수 있게 해주는 도구다. 회원가입 메일, 비밀번호 재설정 메일, 결제 완료 메일 같은 기능을 개발할 때 유용

추천 패키지·프로그램

002

4M

[메모] XPath 기본 문법

HTML(과 XML)에서 특정 요소를 찾을 때 CSS 선택자만으로 부족한 경우 XPath (XML Path Language)를 쓰곤 합니다. XPath는 HTML/XML 문서를 트리 형태로 보고 노드를 경로로 지정해 선택하는 언어

Memo

003

5M

WSL2에서 localhost 웹 접속이 느릴 때 – Apache Keep-Alive 설정 혹은 WSL Mirrored 네트워크 모드로 해결

WSL2에서 아파치로 웹 개발을 하다 윈도우 브라우저에서 localhost 접속이 엄청 느린 경우가 있었습니다. 저는 라라벨 프로젝트 개발 중에 이 문제가 답답했는데요. 해결책은 두 가지입니다. 아파치의 keep-alive 시간을

서버

WSL

002

5M

Cloudflare Workers로 만드는 서버 상태 모니터링 도구

서버가 살아 있는지 확인하는 모니터링 서버가 먼저 죽는 상황을 몇 번 겪고 나서, 서버리스로 하는 편이 낫겠다고 생각했다. 그래서 바이브 코딩으로 Cloudflare Workers 기반 서버 상태 모니터링 도구를 만들었다. 👉

내 작업

001

5M

Utility-First, Component-Second — Utility-First CSS에서 더 강조돼야 할 ‘First’

객체 지향 CSS는 재사용 가능한 컴포넌트를 도입함으로써 중복 문제를 효과적으로 해결했습니다. 하지만 동시에 의외로 풀기 어려운 새로운 질문을 남겼습니다. 컴포넌트의 책임은 어디까지여야 하는가?
유틸리티 퍼스트 CSS는 컴포넌트

CSS

개념

004

5M

티스토리 워드프레스 이전 플러그인: 티스토리 백업을 워드프레스로 가져오는 플러그인

개인 티스토리를 워드프레스로 이사했습니다. 그 과정에서 플러그인을 만들었습니다. 플러그인을 설치한 뒤, “도구 > 티스토리 가져오기”로 가서 티스토리 백업 ZIP 파일을 업로드하면 임포트를 합니다. 백업 파일이 너무 크면 버벅댈

내 작업

WordPress Plugin

000

6M

Git 한글 파일명이 깨져 나올 때

\123\234\345 형식으로 한글 파일명이 깨져 보일 때 아래 설정을 해줍니다.

백엔드

000

6M

PDF 내지 사이즈가 제각각일 때 한번에 맞춰 주는 커맨드

리눅스 커맨드입니다. 위 명령은 pdf의 종이 사이즈를 152mm x 223mm로 맞춰 줍니다. A4사이즈로 하고 싶다면 --a4paper 옵션을 주면 됩니다. 자세한 내용은 help를 참고하시면 됩니다. 우분투에서 pdfjam을

추천 패키지·프로그램

TIP

000

6M

윈도우에서 webp를 마우스 우클릭 한 번으로 jpg로 변환하기

File Converter라는 프로그램을 사용하면 됩니다. 아래 링크에서 다운로드할 수 있습니다. https://github.com/Tichau/FileConverter/releases Assets에서 msi 확장자로 끝나는 걸

추천 패키지·프로그램

TIP

001

7M

WSL2로 웹 개발 환경 구축하기

2022년 12월부터 2023년 6월까지 대략 반년 조금 넘게 WSL2로 개발환경을 구축하고 개발을 했습니다. 원래 우분투 리눅스를 개발컴 주 운영체제로 10년 넘게 사용했습니다. 그래서 리눅스에서 개발할 때의 편리함을 WSL2에

기타

000

8M

PDF to Images, 이미지 리사이즈 등 유용하면서 개인정보 문제에서 자유로운 온라인 도구 모음

일을 하다 보면 이미지를 리사이즈해야 할 때도 있고, PDF를 이미지로 변환해야 하는 경우도 있습니다. 세로 이미지를 가지고 가로 썸네일을 만들어야 하는 경우도 있습니다. 무료 온라인 툴들이 많지만 내가 업로드하는 자료가 어디로

내 작업

추천 패키지·프로그램

001

9M

세로 이미지 좌우 확장하며 블러 넣는 무료 온라인 툴 – Mytory Background Expander with Blur

SNS에 글을 공유할 때 대표 이미지가 종종 포스터 같은 세로형 이미지인 경우가 있습니다. 이런 이미지를 그대로 공유하면 썸네일 영역에 맞지 않아 좌우가 잘리거나 보기 좋지 않게 표시되곤 합니다. 포토샵 같은 도구로 충분히 해결할

내 작업

추천 패키지·프로그램

001