wasp

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

★ 18,691 Open GitHub ↗

AI 시대를 위한 배터리즈 인클루디드(batteries-included) 풀스택 프레임워크입니다. 인증, 백그라운드 작업, RPC, 이메일 전송, 엔드투엔드 타입 안전성, 원스 명령(single-command) 배포 등 복잡한 풀스택 기능을 추상화하는 선언형 코드를 사용하여 JS/TS 웹 앱(React, Node.js, Prisma)을 개발할 수 있습니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![](https://user-images.githubusercontent.com/1536647/77317442-78625700-6d0b-11ea-9822-0fb21e557e87.png)

React와 Node.js로 풀스택 웹 앱을 개발하는 가장 빠른 방법.

[![license](https://img.shields.io/github/license/wasp-lang/wasp)](https://github.com/wasp-lang/wasp/blob/main/LICENSE)
[![latest release](https://img.shields.io/github/v/release/wasp-lang/wasp)](https://github.com/wasp-lang/wasp/releases/latest)
[![discord](https://img.shields.io/discord/686873244791210014?label=chat%20@%20discord)](https://discord.gg/rzdnErX)

[Website](https://wasp.sh)
|
[Docs](https://wasp.sh/docs)

[Discord](https://discord.gg/rzdnErX)
|
[Twitter](https://x.com/WaspLang)
|
[Youtube](https://www.youtube.com/@wasplang)

[Deployed? Get swag! 👕](https://e44cy1h4s0q.typeform.com/to/EPJCwsMi)

---
## What is Wasp?
Wasp (\*\*W\*\*eb \*\*A\*\*pplication \*\*Sp\*\*ecification)은 React, Node.js, Prisma를 위한 Rails 스타일의 프레임워크입니다.
하루 만에 앱을 구축하고 단 하나의 CLI 명령어로 배포하세요!
### Why is Wasp awesome
- 🚀 \*\*빠른 시작\*\*: 표현력이 뛰어나기 때문에, 간결하고 일관되며 선언적인 적은 양의 코드로 처음부터 프로덕션 준비가 된 웹 앱을 만들고 배포할 수 있습니다.
- 😌 \*\*보일러플레이트 없음\*\*: 복잡한 풀스택 기능을 추상화하여 보일러플레이트 코드를 줄였습니다. 즉, 유지 관리하고 이해해야 할 코드가 줄어듭니다! 또한 업그레이드가 더 쉬워집니다.
- 🔓 \*\*락인 없음\*\*: 원하는 곳 어디에나 Wasp 앱을 배포할 수 있습니다. 특정 제공업체에 종속되지 않으며, 코드를 완전히 제어할 수 있습니다 (관심이 있다면 `.wasp/` 디렉토리에서 실제로 확인할 수도 있습니다).
- 🤖 \*\*AI를 위해 설계된 최적의 구조\*\*: 전체 앱에 대한 고수준 사양, 독자적인 접근 방식, 내장된 풀스택 기능, 그리고 스택의 모든 부분 간의 긴밀한 통합 덕분에 Wasp는 AI(에이전트)에게 명확한 가이드라인과 구조, 관리해야 할 적은 보일러플레이트, 그리고 더 나은 컨텍스트 관리를 제공합니다.
### Features
- [🔒 풀스택 인증 (Auth)](https://wasp.sh/docs/auth/overview)
- [🖇️ RPC (클라이언트 <-> 서버)](https://wasp.sh/docs/data-model/operations/overview)
- [🚀 간편한 배포](https://wasp.sh/docs/deployment/deployment-methods/overview)
- [⚙ ️작업 (Jobs)](https://wasp.sh/docs/advanced/jobs)
- [✉️ 이메일 발송](https://wasp.sh/docs/advanced/email)
- [🛟 풀스택 타입 안전성](https://wasp.sh/docs/general/typescript)
- ...
### Code example
웹 앱의 고수준 세부 정보를 기술하는 간단한 Wasp 스펙 파일:
```ts
// file: main.wasp.ts
import { app, page, query, route } from "@wasp.sh/spec";
import { MainPage } from "./src/MainPage" with { type: "ref" }; // Your React code.
import { DashboardPage } from "./src/dashboard/DashboardPage" with { type: "ref" };
import { getTasks } from "./src/queries" with { type: "ref" }; // Your Node.js code.
export default app({
name: "todoApp",
wasp: { version: "^0.24.0" },
title: "ToDo App",
head: [""],
auth: {
// Full-stack auth out-of-the-box.
userEntity: "User",
methods: {
email: {
// ...
},
google: {
// ...
},
},
onAuthFailedRedirectTo: "/login",
},
spec: [
route("RootRoute", "/", page(MainPage)),
route(
"DashboardRoute",
"/dashboard",
page(DashboardPage, {
authRequired: true, // Limit access to logged-in users.
}),
),
query(getTasks, {
entities: ["Task"], // Automatic cache invalidation.
}),
],
});
```
그리고 데이터베이스를 위한 Prisma 스키마:
```prisma
// file: schema.prisma
model Task { // Your Prisma data model.
id Int @id @default(autoincrement())
description String
isDone Boolean @default(false)
}
```
나머지 코드는 React / Node.js로 작성하고 `\*.wasp.ts` 파일에서 참조합니다.
👉 전체 코드 예제는 [TodoApp 예제](/examples/tutorials/TodoApp)를 확인하세요. 👈
### How it works
![](https://user-images.githubusercontent.com/1536647/231472285-126679e5-ecce-4cbb-8579-eb3cd9ba95bf.png)
웹 앱의 고수준 세부 정보를 기술하는 간단한 `main.wasp.ts` 사양 파일과 고유한 로직이 담긴 `.ts(x)`/`.css`/등의 소스 파일이 주어지면, Wasp 컴파일러는 프론트엔드, 백엔드, 배포 등 타겟 스택에 맞는 웹 앱의 전체 소스를 생성합니다.
이 독특한 접근 방식이 Wasp를 "스마트"하게 만들고 강력한 기능을 부여하는 원동력입니다!
Wasp에 대한 자세한 내용은 [\*\*문서\*\*](https://wasp.sh/docs)를 확인하세요.
## Get started
OSX/Linux/WSL(Win)에 Wasp를 설치하려면 다음 명령어를 실행하세요:
```sh
npm i -g @wasp.sh/wasp-cli@latest
```
그런 다음 안내에 따라 1분도 안 되어 첫 번째 앱을 실행해 보세요!
빠른 시작을 원하시면 [이 문서 페이지](https://wasp.sh/docs/quick-start)를 확인하세요.
## Have a Wasp app deployed? - we will send you swag!
프로덕션 환경에서 실행 중인 Wasp 앱이 있다면 굿즈를 보내드립니다! [이 양식](https://e44cy1h4s0q.typeform.com/to/EPJCwsMi)을 작성해 주시면 보내드리겠습니다.
## AI Agent Plugins
Wasp는 공식 AI 에이전트 플러그인 제공을 지원합니다.

ent 플러그인을 사용하여 다음 Wasp 프로젝트를 빠르게 시작할 수 있습니다. Cursor, Claude Code 등의 선호하는 AI 지원 코딩 도구와 함께 사용하여 더 나은 결과와 개발 경험을 얻을 수 있습니다. 자세한 내용은 [Wasp Agent Plugins](https://wasp.sh/docs/wasp-ai/coding-agent-plugin) 페이지를 확인하세요.

## Project status
현재 Wasp는 베타 버전이며, 대부분의 기능이 완전히 개발되어 원활하게 작동합니다.
하지만 앞으로 개선하고 추가해야 할 부분이 아직 많으며, 지속해서 작업을 진행하고 있습니다. 따라서 향후 수많은 변경 사항과 개선을 기대하실 수 있습니다.
[our development roadmap](https://github.com/orgs/wasp-lang/projects/5)을 팔로우하여 Wasp의 최신 소식을 확인해 보세요.
향후 다양한 웹 기술 스택을 지원하는 것을 목표로 하고 있지만, 현재는 특정 스택에 집중하고 있습니다:
React + TanStack Query, Node.js + Express.js, Prisma.

## Contributing
어떤 방식이든 기여해 주시는 것은 언제나 환영합니다 :)!
피드백 공유, 문서 및 예제 작성, 특정 Wasp 기능 개발, CLI 코어 기여 등을 하실 수 있습니다.
자세한 내용은 [CONTRIBUTING](CONTRIBUTING.md)을 확인해 주세요.
코드를 제출할 계획이 없더라도 [Discord](https://discord.gg/rzdnErX)의 토론에 참여하여 피드백을 주는 것만으로도 큰 힘이 되며 Wasp의 방향을 잡는 데 큰 도움이 됩니다(저희에게 동기부여가 되며 Wasp의 형태를 구상하는 데 도움이 됩니다)!
또한 다음 활동도 하실 수 있습니다:
- ⭐️ 이 저장소에 Star를 눌러 관심과 지지를 표현해 주세요.
- 📫 [email list](https://wasp.sh#signup)에 구독하여 최신 소식을 받아보세요.
- 👀 [development roadmap](https://github.com/orgs/wasp-lang/projects/5)을 확인해 보세요.

## Careers
현재 채용 중인 포지션 목록은 [careers](https://wasp-lang.notion.site/Wasp-Careers-59fd1682c80d446f92be5fa65cc17672) 페이지에서 확인하세요!

## Sponsors
[![michelwaechter](https://github.com/michelwaechter.png)](https://github.com/michelwaechter) - 우리의 첫 번째 스폰서입니다! 아무도 가본 적 없는 길을 용기 있게 개척해 주신 Michel에게 Wasp 팀 전체를 대표해 진심으로 감사드립니다 ❤️ :)!
[![shayneczyzewski](https://github.com/shayneczyzewski.png)](https://github.com/shayneczyzewski) - 지금까지의 모든 기여와 지속적인 지원에 대해 Shayne에게 감사드립니다!
[![VelocityOne](https://github.com/velocity-one.png)](https://github.com/velocity-one) - 아낌없는 기부를 해주신 VelocityOne에 감사드립니다!
[![ricdex](https://github.com/ricdex.png)](https://github.com/ricdex) - Wasp의 초기 단계에서 지원해 주신 Ricardo에게 감사드립니다 :)!
[![ThomasJonesUK](https://github.com/ThomasJonesUK.png)](https://github.com/ThomasJonesUK) - Wasp를 지원해 주신 Thomas에게 감사드립니다 :)!
[![Arukaito](https://github.com/Arukaito.png)](https://github.com/Arukaito) - 거듭해서 지원해 주시는 멋진 스폰서입니다!
[![Case-E](https://github.com/Case-E.png)](https://github.com/Case-E) - 스폰서십과 훌륭한 제안 양쪽 모두로 지원해 주셔서 정말 감사합니다!

### Past sponsors
[![MarianoMiguel](https://github.com/MarianoMiguel.png)](https://github.com/MarianoMiguel)
[![Tech4Money](https://github.com/Tech4Money.png)](https://github.com/Tech4Money)
[![haseeb-heaven](https://github.com/haseeb-heaven.png)](https://github.com/haseeb-heaven)

wasp

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README