무료 리소스 모음

개발에 유용한 무료 리소스들을 정리했습니다.

학습 사이트

한국어

• 생활코딩 - 웹 기초
• nomadcoders - 실전 프로젝트
• 코드잇 - 기초부터

영어

• MDN Web Docs - 공식 문서
• freeCodeCamp - 무료 강의
• W3Schools - 빠른 참고

이미지

무료 사진

• Unsplash - unsplash.com
• Pexels - pexels.com
• Pixabay - pixabay.com

아이콘

• Font Awesome - fontawesome.com
• Heroicons - heroicons.com
• Lucide - lucide.dev

플레이스홀더

• via.placeholder.com - 임시 이미지
• picsum.photos - 랜덤 사진

색상

• Coolors - coolors.co (팔레트 생성)
• Adobe Color - color.adobe.com
• Flat UI Colors - flatuicolors.com

폰트

• Google Fonts - fonts.google.com
• 눈누 - noonnu.cc (한글 폰트)

도구

코드 에디터

• Cursor - cursor.com (AI 코딩)
• VS Code - code.visualstudio.com

디자인

• Figma - figma.com (무료)
• Canva - canva.com

브라우저 도구

• Chrome DevTools - 내장
• Firefox DevTools - 내장

호스팅

• Cloudflare Pages - 무료 무제한
• GitHub Pages - 무료
• Vercel - 무료 (취미용)
• Netlify - 무료 (취미용)

API

무료 공개 API

• JSONPlaceholder - jsonplaceholder.typicode.com (테스트)
• OpenWeatherMap - 날씨 (무료 플랜)
• Unsplash API - 이미지
• GitHub API - 저장소 정보

커뮤니티

한국어

• 생활코딩 커뮤니티
• Okky
• 인프런 질문

영어

• Stack Overflow
• Dev.to
• Reddit r/webdev

다음 단계

필요할 때 찾아쓰세요! 북마크 추천합니다.