웹·풀스택,
첫 술 떠드립니다
내 손으로 만든 웹사이트, 오늘 인터넷에 띄울 수 있어요.
🔒 이 페이지는 순한맛 고정이게 뭔가요 — 1분 설명
웹 개발은 사람들이 브라우저로 들어오는 사이트나 서비스를 만드는 일이에요. 화면(앞주방)과 데이터(뒷주방)를 함께 차리는 거죠. 아래 재료만 있으면 오늘 첫 페이지를 바로 띄워볼 수 있어요.
준비물
- GitHub 계정 만들기 (무료)
- Node.js 설치 — 주방 차리기
- Vercel 계정 — 완성한 요리 손님상에 내기 (무료 배포)
처음이라면 꼭 알아둘 레포
쉬운 것부터 차례로. 따라 만들기 좋고 검증된 레포만 골랐어요.
1CodCatDev/CrosshairJs
難易度2경량 5KB의 애니메이션 커서 라이브러리로 링크·버튼에 자동 반응하는 스마트 호버 효과 제공
toss/es-hangul
難易度3한글을 쉽게 다루는 JavaScript 라이브러리 - 초성 추출, 조사 자동 판정 등 지원
supabase/supabase
難易度4Firebase 같은 개발자 경험을 오픈소스 기반 PostgreSQL 플랫폼으로 제공
f/prompts.chat
難易度5ChatGPT, Claude, Gemini 등 모든 AI와 호환되는 세계 최대 규모의 오픈소스 프롬프트 라이브러리
ChatGPTNextWeb/NextChat
難易度6Claude, DeepSeek, GPT-4, Gemini Pro를 지원하는 경량의 빠른 AI 어시스턴트
AykutSarac/jsoncrack.com
難易度JSON 데이터를 인터랙티브 그래프로 시각화하는 오픈소스 에디터
매주 새 웹 레시피 받기
월요일 아침마다, 따라 만들기 좋은 웹·풀스택 레포만 골라서