🎁 첫 밥상 · 친구가 보내준 가이드

웹·풀스택,
첫 술 떠드립니다

내 손으로 만든 웹사이트, 오늘 인터넷에 띄울 수 있어요.

🔒 이 페이지는 순한맛 고정

이게 뭔가요 — 1분 설명

웹 개발은 사람들이 브라우저로 들어오는 사이트나 서비스를 만드는 일이에요. 화면(앞주방)과 데이터(뒷주방)를 함께 차리는 거죠. 아래 재료만 있으면 오늘 첫 페이지를 바로 띄워볼 수 있어요.

준비물

  • GitHub 계정 만들기 (무료)
  • Node.js 설치 — 주방 차리기
  • Vercel 계정 — 완성한 요리 손님상에 내기 (무료 배포)

처음이라면 꼭 알아둘 레포

쉬운 것부터 차례로. 따라 만들기 좋고 검증된 레포만 골랐어요.

1
CodCatDev/CrosshairJs

경량 5KB의 애니메이션 커서 라이브러리로 링크·버튼에 자동 반응하는 스마트 호버 효과 제공

難易度
2
toss/es-hangul

한글을 쉽게 다루는 JavaScript 라이브러리 - 초성 추출, 조사 자동 판정 등 지원

難易度
3
supabase/supabase

Firebase 같은 개발자 경험을 오픈소스 기반 PostgreSQL 플랫폼으로 제공

難易度
4
f/prompts.chat

ChatGPT, Claude, Gemini 등 모든 AI와 호환되는 세계 최대 규모의 오픈소스 프롬프트 라이브러리

難易度
5
ChatGPTNextWeb/NextChat

Claude, DeepSeek, GPT-4, Gemini Pro를 지원하는 경량의 빠른 AI 어시스턴트

難易度
6
AykutSarac/jsoncrack.com

JSON 데이터를 인터랙티브 그래프로 시각화하는 오픈소스 에디터

難易度

매주 새 웹 레시피 받기

월요일 아침마다, 따라 만들기 좋은 웹·풀스택 레포만 골라서

받는 친구에게는 항상 순한맛으로 열려요