Netlify 완전 정복 — 기능별 상세 가이드

도구 알아보기약 15분주제 6개

Netlify는 Vercel과 비슷한 배포 플랫폼이지만 강점이 다릅니다. 드래그&드롭 즉시 배포, 내장 폼 수집, 무료 팀 협업, A/B 테스트가 특징입니다.

살펴보기

1 / 6

두 플랫폼의 차이와 언제 뭘 써야 하는지

Netlify가 유리한 경우추천정적 사이트(HTML/CSS/JS), 오픈소스 프로젝트(무료 팀 기능), 폼 수집 기능이 필요할 때, A/B 테스트가 필요할 때, 드래그&드롭으로 Git 없이 바로 배포하고 싶을 때.
Vercel이 유리한 경우Next.js 앱(Vercel이 만든 프레임워크라 최적화), Edge Functions 고급 기능, 개인 프로젝트(무료 플랜 빌드 6,000분으로 넉넉), 혼자 작업.
무료 플랜 차이Netlify 무료: 대역폭 100GB, 빌드 300분/월, 서버리스 함수 125,000회. Vercel 무료: 대역폭 100GB, 빌드 6,000분/월, 팀원 1명만. 팀 협업이라면 Netlify 무료 플랜이 유리합니다.
Terminal
```
# 이 플랫폼(ai-tool-platform)은 Netlify 사용
# 이유: 팀 협업 가능 + 빌드 제한 여유 + Forms 기능
```

자주 하는 실수 2가지

1Publish directory 잘못 설정 → 빌드 성공인데 빈 화면 — Next.js는 .next, React는 build, Vite는 dist. 프레임워크별로 다름
2.env 파일을 GitHub에 올림 → API 키 노출 — .gitignore에 .env 필수. Netlify Environment Variables에만 입력

Netlify 실제 화면 보기