웹으로 말하기 - 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-10-21 16:47

전체 (84)

12d

AI 시대 주니어 개발자의 역할은 무엇이 돼야 할까요?

코딩 에이전트가 가져온 변화 코딩 에이전트가 짧은 요청만으로 코드를 완성해 주는 시대입니다. 표준적이고 간단한 애플리케이션들은 비개발자도 하루 만에 만들 수 있습니다. 예컨대 간단한 웹앱은 30분 정도 교육받은 비개발자가 두어 시

개념

AI

000

16d

Codex CLI 사용량 끝났을 때 한도가 리셋되면 자동으로 계속하게 하기

Codex 사용량이 Plus 사용자에겐 좀 모자랄 때가 있습니다. Claude Code는 사용량이 리셋되면 알아서 재개를 해주는데 Codex는 아직 그런 기능이 없습니다. Codex CLI에서 간단한 bash 프로그램으로 시간에

개발 툴

001

17d

LLM 이해하기

1. 생성형 인공지능에 대한 기본적인 이해 이 제품이 어떤 원리로 동작하는지 알아야 더 잘 쓸 수 있는 부분이 있습니다. 예컨대, 전자레인지를 이용할 때 전자파가 어떤 원리로 작동하는지는 몰라도 되는데요. 전자파로 음식물 내 수분

개념

AI

004

5M

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

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

기타

hacking

003

5M

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

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

Memo

기타

WSL

002

6M

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

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

Memo

기타

TIP

WSL

004

6M

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

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

Memo

기타

004

6M

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

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

Memo

WSL

003

8M

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

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

Memo

TIP

WSL

005

8M

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

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

기타

003

9M

2025년 블로그 돌아 보기

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

기타

006

9M

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

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

추천 패키지·프로그램

003

9M

[메모] XPath 기본 문법

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

Memo

004

10M

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

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

서버

WSL

003

10M

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

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

내 작업

003

10M

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

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

CSS

개념

007

10M

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

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

내 작업

WordPress Plugin

003

11M

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

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

백엔드

002

11M

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

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

추천 패키지·프로그램

TIP

001

11M

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

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

추천 패키지·프로그램

TIP

003