디자인 & 개발 가이드

share

이미지 2026년 4월 · 10분

소셜미디어 이미지 사이즈 2026

인스타그램, 페이스북, X, 링크드인, 틱톡, 유튜브, 핀터레스트의 정확한 치수.

person_cancel

이미지 2026년 4월 · 9분

이미지 배경 제거하는 방법

기기 내 AI로 무료로 배경 제거. 작동 원리, 한계, 깨끗한 투명 PNG 만드는 법.

crop

이미지 2026년 4월 · 8분

이미지 크기 조정 방법

화질 손실 없이 이미지 크기 조정. 리샘플링 알고리즘, 화면비, 업스케일 vs 다운스케일.

gradient

CSS 2026년 4월 · 9분

CSS 그라디언트 가이드

선형, 방사형, 원뿔형, 메시 그라디언트, 그라디언트 텍스트, 애니메이션 레시피.

match_case

타이포그래피 2026년 4월 · 9분

폰트 페어링 가이드

페어링 원칙과 검증된 12개 Google Fonts 조합. 복사해서 바로 쓰는 CSS 코드.

touch_app

CSS 2026년 4월 · 10분

CSS 호버 효과 15가지 예제

버튼, 카드, 이미지, 아이콘용 호버 패턴 — JavaScript 없이.

compress

이미지 2026년 4월 · 8분

이미지 압축 포맷 비교

JPG, PNG, WebP, AVIF — 사용 사례별로 적합한 포맷 선택하기.