언제나 영상이 업로드 되자마자 클릭하는 유튜버 노마드 코더 Nomad Coders 께서 인디해커, 수익형 프로그래머들에게 정말 유용한 개발 Tool을 소개해주셨습니다.
보통 혼자 보면서 '좋구나'하고 넘어가는 경우가 많은데, 이번 내용은 말 그대로 '피가 되고, 살이 되는' 내용들이라 꼭 정리해서 소개해야겠다는 생각이 들었습니다.
UI 디자인, 데이터베이스, 이메일, 오류 추적 등 여러 분야의 유용한 도구들을 소개하고 있으니 프로젝트에 하나씩 적용해 보세요.
1. Shadcn/ui
이미 유명하죠. Tailwind CSS로 구축된 접근성 높은 React 컴포넌트 라이브러리입니다. 패키지로 설치하는 대신, 필요한 컴포넌트의 코드를 복사-붙여넣기 하거나 CLI를 사용합니다.
- Magic UI, 21st.dev, Aceternity UI
- 추가적으로 역동적으로 움직이는 애니메이션 컴포넌트도 있습니다. Shandcn과 잘 통합되죠.
2. Lucide
수많은 아이콘을 제공하며, 사용 및 사용자 정의가 쉽고, 타입 안전성 및 자동 가져오기를 위한 lucide-react 패키지가 있습니다. 아이콘 수요의 85%를 커버한다고 생각합니다.
3. Icônes
Font Awesome, Ant Design, 애니메이션 아이콘, 이모지, 깃발, 브랜드 로고 등 다양한 아이콘 팩 디렉토리이며, SVG, PNG, React 컴포넌트, TypeScript 등 다양한 방식으로 사용할 수 있습니다.
4. Backend(배포/호스팅)
Typescript를 사용하지 않는 프로젝트에게는 AWS, Typescript 프로젝트에게는 Cloudflare Workers가 최고입니다.
물론 Next.js에게는 Vercel이 가장 호환성이 높지만(높을 수 밖에 없지만), 가격 책정이 무시무시하죠.
5. SQLite
Cloudflare Workers를 사용한다면 Cloudflare에서 제공하는 D1을, 그렇지 않다면 무료로 5GB 저장공간을 제공하는 Turso를 추천합니다.
6. PostgreSQL
AWS 신규 계정은 12개월 동안 RDS의 t3.micro를 무료로 사용할 수 있습니다.
7. Clerk
Auth 및 사용자 관리 플랫폼으로, 미리 만들어진 사용자 정의 가능한 컴포넌트(로그인, 회원가입, 내비게이션 바용 UserButton, 프로필 편집 페이지용 UserProfile 등)를 사용하여 매우 빠르게 프로젝트에 인증 기능을 추가할 수 있습니다. 무차별 대입/봇 방어, 계정 연결, 일회용 이메일 감지 등의 보안 기능과 조직 관리 기능도 포함합니다. 무료 플랜은 최대 10,000명의 월간 활성 사용자(MAUs)를 지원합니다.
8. AWS S3
파일 저장소 용도로는 사실상 업계 표준이죠. AWS 신규 계정은 5GB 저장 공간, 월 20,000건의 GET 요청, 월 2,000건의 PUT 요청을 제공합니다.
9. Clouflare R2
S3 호환 대안으로 Egress 요금이 없습니다. 무료 티어: 10GB 저장 공간, 월 100만 건의 삭제/업데이트/생성 작업, 월 1,000만 건의 읽기 작업이 가능합니다.
10. Resend
Transactional Email 분야에서 최고의 선택이라고 할 수 있습니다.
개발자 경험이 훌륭하며, React, TypeScript, Tailwind CSS를 사용하여 아름답고 반응형 이메일 템플릿을 만드는 React Email 패키지와 호환됩니다.
11. Sentry
오류 추적 도구로는 가장 유명하죠. 다양한 언어/프레임워크에서 작동하며 설치가 쉽고, 런타임 오류 발생 시 상세 정보와 함께 알림을 제공합니다. 무료 플랜은 월 5,000건의 오류 이벤트를 추적할 수 있습니다.
12. Namecheap
.xyz, .online, .website 등 다양하고 저렴한 도메인 확장자를 제공합니다.
13. Upstash
Redis 제공업체입니다. 무료 플랜은 256MB의 캐싱 저장 공간과 월 50만 건의 작업을 제공합니다.
14. OneSignal
단일 API를 사용하여 푸시 알림, 이메일, SMS, 웹 푸시 알림을 모두 보낼 수 있습니다.
(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - 인프런
사실 이 강의의 핵심은 후반부에 있어요.
내 사이트 광고 솔루션을 붙이는 방법, AWS, CloudFlare, Vercel에 사이트를 배포하는 방법, Google Analytics를 내 사이트에 붙이는 방법, SEO 최적화를 위한 사이트 설정 방법 등이 담겨있죠.
웹 사이트 자체를 만드는 내용도 물론 중요하지만, 이보다는 '수익을 발생하도록 만드는 도구 사용법'에 초점을 맞췄어요.
우리가 갖춰야 할 태도는 '빠르게 시도하고 빠르게 검증해서 빠르게 수익화하기'예요. 가설을 세우고 그 가설에 맞는 프로덕트를 빠르게 만들어 빠르게 검증하고 수익화하는 것이죠. 이제 몇 개월, 몇 년을 걸려서 엄청난 프로덕트를 만들고 나서 검증을 했는데 실패하고 낙심하는 패턴은 운의 영역이 아니라 실력의 영역입니다.
그래서 저처럼 프로그래밍으로 수익화하고 싶은 분들, 회사를 위한 개발이 아니라 본인 스스로를 위한 수익형 개발을 하고 싶은 분들. 그분들이 고통스럽게 오랜 기간 시행착오 겪지 않도록 수익형 웹사이트 개발 강의를 만들었습니다.
현재 얼리버드 기간이라 한달 동안 30% 할인 중입니다. 필요하신 분들은 한달 되기 전에 미리 수강 신청 해두세요.
부디 우리 모두 나만의 수익형 서비스를 만들어 새로운 자본주의 시대에서 살아남아 봅시다.
의견을 남겨주세요