이미지 처리
포토샵 없이 이미지 배경 투명하게 만들기
Photoshop 없이 이미지 배경을 투명하게 만드는 3 가지 방법 비교. 무료 브라우저 도구, AI 서비스, GIMP 의 구분과 실패 패턴 회피책.
블로그
개발·테스트·운영에 도움이 되는 기술 기사를 게재하고 있습니다.
이미지 포맷
PNG vs WebP vs AVIF — 이미지 포맷 선택과 변환 방법
PNG / JPEG / WebP / AVIF 의 특징 · 용도 · 브라우저 지원을 비교. picture 요소로 나눠 내보내는 법과 변환 도구 사용법도 해설.
도메인 운영
Whois로 도메인 정보 조회 — 만료일·네임서버
Whois 로 알 수 있는 것 (등록자 · 유효 기간 · 레지스트라 · NS), GDPR 에 의한 프라이버시 보호의 영향, 실무에서의 사용법을 해설.
HTTP·네트워크
HTTP 상태 코드 완전 가이드 — 원인과 대처법
자주 나오는 HTTP 상태 코드 (200 / 301 / 403 / 404 / 413 / 422 / 429 / 500 / 502 / 504) 의 의미와 원인, 대처법을 해설.
API·디버깅
cURL 명령을 JavaScript fetch·Python requests로 변환
Chrome DevTools 의 Copy as cURL 을 fetch / axios / Python requests / PHP / Go 로 변환하는 절차와 주요 옵션 대응표를 해설.
보안·구현
쿠키 보안 플래그 — Secure / HttpOnly / SameSite
Cookie 의 Secure / HttpOnly / SameSite / __Host- 접두사 / 4096 바이트 제한을 해설. CSRF · XSS · 세션 탈취에 대한 효과도.
보안·인증
JWT 보안 베스트 프랙티스 — alg none / 만료 / 서명
JWT 의 대표적 취약점 6 종 (alg none / 키 혼동 / 무기한 / payload 기밀 / 폐기 불가 / 약한 키) 과 대책을 해설합니다.
데이터 처리·Excel
Excel에서 CSV를 올바르게 열고 저장하기
Excel 에서 CSV 가 깨지는 원인과 해결책. UTF-8 BOM 포함 CSV 만드는 법, 임포트 절차, PHP 와 Python 의 출력 코드 예까지.
Nginx·서버
Nginx의 client_max_body_size 올바른 설정법
Nginx 의 client_max_body_size 기본값 (1m) 과 설정 위치, 413 해결 방법, PHP 의 upload_max_filesize 와의 관계를 해설.
클라우드·AWS
AWS S3·CloudFront 업로드 상한 — 멀티파트
AWS S3 의 상한 (PUT 단일 5GB / 멀티파트 5TB), CloudFront 의 body 제한, API Gateway 의 10MB 제한과 회피책을 해설.
JavaScript·fetch
fetch/axios로 파일 업로드 구현 — FormData
fetch 와 axios 를 사용한 파일 업로드 구현. FormData 사용법, 진행률 표시줄, 청크 분할, 오류 처리와 CORS 의 요점까지.
Laravel·PHP
Laravel 파일 업로드 구현 가이드 — 검증·Storage·S3
Laravel 의 Request::file() 업로드, mimes / max 검증, Storage::disk()->put() 저장, S3 드라이버 설정까지.
PHP
PHP로 파일 업로드 구현 — 검증·저장·보안
PHP 의 파일 업로드를 해설. $_FILES 의 구조, UPLOAD_ERR 코드, finfo 의 MIME 검증, 확장자 허용 목록, 안전한 저장 위치까지.
클라우드 비교
클라우드 스토리지 10개사 비교 — 상한·요금·특징
S3 · GCS · Azure Blob · R2 · B2 등 10 개사의 업로드 상한 · 무료 구간 · 월 요금을 비교. 용도별 선택 기준도 해설합니다.
Docker·PHP
Docker에서 PHP 파일 업로드 설정 — php.ini·Nginx
Docker 에서의 PHP 업로드 설정. php.ini 의 upload_max_filesize / post_max_size, Nginx 와 PHP-FPM 의 compose 예와 확인 방법.
Next.js·React
Next.js 파일 업로드 구현 가이드 — App Router·S3
Next.js App Router 의 FormAction, route.ts 의 formData 처리, Vercel Blob 저장, S3 업로드, 진행률 표시까지 해설.
보안·구현
웹 폼 파일 검증 체크리스트 — 크기·MIME·매직
프로덕션용 파일 업로드 체크리스트. 크기 검증, MIME 검증 (finfo), 확장자 허용 목록, 매직 바이트, 안전한 저장 위치까지.
Django·Python
Django 파일 업로드 구현 가이드 — FileField·S3
Django의 FileField/ImageField, forms.py에서의 검증, settings.py의 MEDIA_ROOT/MEDIA_URL, django-storages를 이용한 S3 설정까지 전 과정을 설명합니다.
Rails·Ruby
Rails Active Storage로 파일 업로드 구현
Active Storage 셋업, has_one_attached / has_many_attached, 검증, S3 설정, Variant 이미지 리사이즈까지.
Go·백엔드
Go로 HTTP 파일 업로드 구현 — net/http·multipart
Go 의 net/http 에서 multipart 수신, r.FormFile(), 크기 제한, MIME 검증, AWS SDK v2 로 S3 업로드까지 해설.
Vercel·Next.js
Vercel 파일 업로드 설정과 상한 — Vercel Blob
Vercel Function 의 bodySize 상한 (4.5MB), vercel.json 설정, Vercel Blob 사용법, S3 직접 업로드에 의한 회피책.
Netlify·JAMstack
Netlify Functions로 파일 업로드 — 상한·Large Media
Netlify Functions 의 body 크기 상한 (6MB), netlify.toml 설정, multipart/form-data 파싱, Large Media 대체안까지.
Render·클라우드
Render 파일 업로드 설정 — Disk·환경 변수·S3
Render 의 Disk (영속 스토리지) 설정, PHP 의 upload_max_filesize 설정, 환경 변수 S3 설정, Blueprint 기술 예까지.
테스트 기법
파일 업로드 상한 테스트 방법 — 경계값 테스트
업로드 상한 테스트는 왜 어려운가. 9.9MB / 10MB / 10.1MB 경계값 파일을 사용한 경계값 테스트의 실전 절차를 해설합니다.
HTTP 에러·서버
413 Request Entity Too Large 원인과 해결
413 오류의 원인과 해결 방법. Nginx 의 client_max_body_size, PHP 의 upload_max_filesize / post_max_size 설정과 디버그 절차.
HTTP 에러·API
422 Unprocessable Entity 원인과 해결
422 와 400 의 차이, Laravel / Django / Rails 에서의 422 사용법, 업로드에서의 422, RFC 7807 응답 형식을 해설.
HTTP 에러·운영
507 Insufficient Storage 원인과 대처
507 오류의 원인과 대처법. df / du 로 디스크 용량 확인, logrotate 로 로그 비대화 대책, 클라우드 스토리지의 용량 제한까지.
이미지 포맷
PNG vs WebP vs AVIF 철저 비교 — 2026년 최적은
PNG · WebP · AVIF 의 화질 · 파일 크기 · 브라우저 지원 · 인코딩 속도를 비교. 고속화를 위한 선택 기준과 구분을 해설.
데이터 처리
CSV 글자 깨짐 해결 — Shift_JIS·UTF-8·BOM
Excel 에서 CSV 가 깨지는 원인과 해결책. Shift_JIS · UTF-8 · UTF-8 BOM 의 차이와, Python 이나 PHP 의 인코딩 변환 구현 예.
WordPress
WordPress 업로드 상한을 올리는 5가지 방법
WordPress 의 기본 업로드 상한 (2MB) 을 변경하는 5 가지 방법. wp-config.php · .htaccess · php.ini · 관리 화면에서의 절차를 해설.
참조
파일 형식 퀵 레퍼런스 — PNG·PDF·ZIP·CSV
PNG · JPEG · PDF · ZIP · CSV · JSON 의 사양 · 매직 바이트 · MIME 타입 · 최대 크기를 정리한 퀵 레퍼런스.
파일 크기
MB와 MiB는 다르다 — 파일 크기 단위의 함정 완전 해설
MB 와 MiB 의 차이를 해설. PHP 나 Nginx 의 단위 해석, Windows 와 macOS 의 표시 차이, 경계값 테스트에 미치는 영향까지.
HTTP·네트워크
multipart/form-data 오버헤드 정확히 계산하기
HTML 폼에서 쓰는 multipart/form-data 의 오버헤드 (200〜400 바이트) 의 내역과 계산 방법, 상한 설정에 미치는 영향을 해설.
인코딩
Base64로 파일 크기가 33% 늘어나는 이유
Base64 가 3 바이트→4 문자 변환으로 크기를 약 33% 늘리는 구조와, API 전송 · 메일 첨부 · data URI 에서의 영향과 정확한 계산법.
ZIP·압축
ZIP 압축률이 파일마다 크게 다른 이유
텍스트나 CSV 는 60〜85% 줄어드는데 JPEG 나 MP4 는 거의 줄지 않는 이유를 Deflate 의 구조에서 해설. Store 모드와의 구분도.