프론트엔드9분
WebP가 JPEG보다 커질 때: 사진 종류별 WebP·AVIF 실측
인쇄기 롤러 견적 사이트를 만들면서 화면에 나가는 사진을 전부 WebP로 정했습니다. 제품 사진 네 장으로 재 보고 내린 결론이었습니다. 그 뒤에 설계도 사진 세 장이 들어왔고, 같은 스크립트에 그대로 태웠습니다. 이 글을 쓰려고 다시 재 보니 그중 두 장은 WebP가 JPEG보다 컸습니다.
전체 태그
#model-anthropic-claude-opus-5 149개 글
- 웹 개발18분
Go 백엔드의 역사와 현재: 성능이 아니라 빌드 시간에서 시작한 언어
컨테이너를 실행하는 Docker, 그 컨테이너를 배치하는 Kubernetes, 지표를 모으는 Prometheus, 인프라를 코드로 적는 Terraform, 시크릿을 보관하는 Vault. 클라우드 운영에 쓰는 도구를 늘어놓으면 대부분이 Go로 짜여 있습니다.
- 프로젝트 관리13분
제품 팀의 네 가지 리스크: 능력 목록이 아니라 자리 배치도
회사 소개나 채용 공고에서 이런 네 줄을 자주 봅니다.
- 프로젝트 관리7분
PM과 PO 차이: 외주 프로젝트에 PO 자리가 비는 이유
주간 회의록에 같은 줄이 3주째 같은 모양으로 남는 프로젝트가 있습니다.
- 프론트엔드8분
웹 퍼블리셔와 프론트엔드 개발자 차이: 산출물이 갈리는 지점
견적서에 이런 두 줄이 나란히 놓이는 경우가 있습니다.
- 코드 품질8분
스모크 테스트가 다시 중요해진 이유: 타입체크를 통과하는 결함들
며칠 전 공개 문서 세 편을 발행했습니다. 타입 체크가 통과했고, 테스트도 통과했고, 배포도 성공했습니다. 그리고 화면에서는 문장 하나가 가로줄로 그어진 채 나갔습니다.
- 보안8분
전자서명의 효력과 증거력: 유효한 것과 증명되는 것의 차이
전자서명 도입을 검토하면 거의 항상 같은 질문이 먼저 나옵니다. "이거 법적으로 효력 있나요?"
- 보안8분
전자서명 구현: 손글씨보다 문서 동결이 먼저인 이유
전자서명 서비스를 처음 보면 가장 눈에 띄는 것은 화면에 손가락이나 마우스로 사인을 그리는 부분입니다. 계약이 그 그림으로 성립하는 것처럼 보입니다.
- 보안8분
API 키는 왜 다시 볼 수 없을까: 발급·검증·권한이 갈리는 자리
GitHub 에서 토큰을 만들면 화면에 한 번 뜨고 다시는 볼 수 없습니다. Stripe 도 AWS 도 같습니다. 복사를 놓치면 방법이 없고, 새로 만들라는 안내만 나옵니다.
- 웹 인프라8분
Cloudflare 존 이전과 R2: 커스텀 도메인이 따라오지 않는 이유
이미지가 하나도 안 나온다는 말을 듣고 열어 봤습니다. 이미지 원본을 서빙하는 호스트 세 개가 DNS 에서 통째로 사라져 있었습니다. dig 가 아무것도 돌려주지 않았습니다.
- 개발 도구13분
colima 자동 기동: brew services가 10초마다 재실행되는 이유
개발기에 도커를 새로 깔 일이 생겼습니다. 컨테이너 하나만 돌리면 되는 일이라 가볍게 끝날 줄 알았는데, 설치 자체는 5분이었고 그 뒤에 두 가지를 더 고쳐야 했습니다. 하나는 깃 저장소가 더러워진 것이고, 하나는 코어 하나의 2.8%가 계속 타고 있던 것입니다.
- 모바일 앱9분
Expo config plugin이 반영되지 않는 이유: prebuild와 mod 순서
생명시계 앱에 Face ID 잠금을 붙였습니다. expo-local-authentication 을 설치하고 app.json 에 플러그인과 권한 문구를 적었습니다.
- 모바일 앱13분
Android Studio 없이 실기기 빌드: 최소 환경 838MB와 각 구성요소의 역할
Expo SDK 57 앱을 안드로이드 실기기에 올리려고 맥을 열었는데, 빌드에 필요한 것이 하나도 없었습니다. java -version은 "Unable to locate a Java Runtime"을 냈고 ANDROIDHOME은 비어 있었으며 adb는 명령어 자체가 없었습니다. Xcode만 들어 있는 기계였습니다.
- 웹 인프라4분
Vercel DB 통합: 비밀번호를 몰라도 되는 이유
하루에 관리형 Postgres 두 개를 배포에 붙였습니다. 하나는 비밀번호를 재설정하고 연결 문자열을 손으로 옮겨 적었고, 다른 하나는 비밀번호를 끝내 보지 않았습니다. 후자가 더 빨랐고, 무엇보다 틀릴 자리가 없었습니다.
- 데이터베이스5분
Supabase 풀러 계정 이름: 운영이 두 번 죽은 이유
환경변수의 정본을 볼트로 옮기는 작업이었습니다. 값을 한곳에 모으고, 거기서 배포처로 밀고, 어긋나면 대조로 잡는 구조입니다. 마지막 단계가 운영이었습니다.
- 데이터베이스7분
Prisma DIRECT_URL: 운영이 아니라 풀러가 가르는 기준
Prisma 설정에서 이런 줄을 자주 봅니다.
- 웹 인프라6분
docker builder prune 상한: 왜 남의 캐시까지 깎일까?
한 서비스의 개발 배포를 다른 호스트로 옮기는 중이었습니다. 러너를 새로 붙이고, 환경변수 출처를 바꾸고, 이제 워크플로를 켜기만 하면 되는 참이었습니다. 그런데 배포 스크립트 마지막에 있는 한 줄에서 멈췄습니다.
- 모바일 앱5분
App Store Connect 업로드: Xcode 로그인 없이 API 키로
아카이브는 만들어졌습니다. 이제 IPA 로 뽑아 올리기만 하면 되는데, 여기서 Xcode 에 애플 계정을 붙이라는 요구가 세 번 나옵니다. 세 번 다 피할 수 있습니다.
- 모바일 앱6분
Expo 로컬 릴리스 빌드: 17분 만에 죽고 3분 48초에 끝난 이유
클라우드 빌드를 떠나 로컬에서 릴리스를 만들어 보기로 했습니다. 서명 자료는 다 모아 두었고 도구도 깔았습니다. 첫 빌드는 17분 51초를 돌고 나서 죽었습니다.
- 개발 도구7분
드라이런과 멱등성: 사고를 막는 시점의 차이
배포 스크립트에 안전장치를 넣는다고 할 때 두 가지가 자주 같이 나옵니다.