nodes
Luna Park
비주얼 스크립팅 에디터

프로그래밍,
이제는 비주얼로

프론트엔드, 백엔드, 데이터베이스, API... 문법은 사라지고, 로직은 남습니다.
Visual logic graph in Luna Park
Visual interface layout in Luna Park
벤더 종속 없음
코드 내보내기
어디서나 호스팅
브라우저에서 바로, 무료로 에디터를 사용해 보세요.
게임형 튜토리얼로 에디터 사용법을 배워 보세요.
두 세계의 장점만: 코드의 자유와 노코드의 속도.

무엇을 만들 수 있을까요?

Luna Park는 다양한 애플리케이션을 만들 수 있는 완전한 기능의 플랫폼입니다.

프론트엔드 레이아웃

여러 페이지로 구성된 반응형 레이아웃 만들기

컴포넌트

반응형 상태를 가진 재사용 가능한 컴포넌트 만들기

로직

노드로 로직을 시각적으로 조립하기

스토어

중앙 스토어로 애플리케이션 상태 관리하기

백엔드 API

REST API로 백엔드 서비스 만들기

데이터베이스

PostgreSQL 데이터베이스로 데이터 관리하기

왜 Luna Park인가요?

더 많은 자유를 원하는 개발자, 팀, 기업을 위해 만들었습니다.

종속 없음

언제든 깔끔하고 읽기 쉬운 소스 코드를 내보내세요. 런타임이 필요 없습니다.

완전한 스택

프론트엔드, 백엔드, 데이터베이스, API, 크론 작업까지. 모두 한곳에서.

비주얼 프로그래밍

함수, 반복문 등으로 복잡한 로직을 비주얼 그래프에서 바로 만드세요.

프로덕션 대응

스택을 바꾸지 않고 프로토타입에서 배포된 애플리케이션까지.
또 하나의 노코드 빌더가 아닙니다

Luna Park는 프로그래밍에 비주얼 인터페이스를 더합니다.

변수, 함수, 조건문, 반복문, API, 데이터베이스 쿼리, 애플리케이션 상태를 텍스트로 작성하는 대신 시각적으로 다룹니다.

레이아웃 & 컴포넌트

재사용 가능한 컴포넌트로 페이지를 만드세요

레이아웃을 디자인하고, 재사용 가능한 컴포넌트를 추출하고, 모든 화면을 같은 비주얼 작업 공간에서 편집하세요.
페이지 레이아웃
컴포넌트 트리
재사용 가능한 컴포넌트
공유 상태
실시간 미리보기
컴포넌트
컴포넌트 screenshot
레이아웃
레이아웃 screenshot
데이터베이스
데이터베이스 screenshot
로직
로직 screenshot
비주얼 스크립팅

애플리케이션 로직을 시각적으로 만드세요

읽기 쉬운 비주얼 그래프로 조건, 데이터 흐름, 백엔드 동작, PostgreSQL 쿼리를 만드세요.
비주얼 스크립팅
타입 안전한 로직
하나의 로직 시스템
PostgreSQL 데이터베이스
비주얼 쿼리

AI 중심이 아닌, AI로 강화된 에디터

필요할 때 AI를 사용하고, AI가 바꾼 내용을 확인하며, 애플리케이션을 직접 통제하세요.

원하는 모델을 내 API 키로

MistralOpenAIAnthropicGeminiLocalCustom
01

에디터가 먼저

AI 통합은 에디터를 중심으로 설계되었습니다. 그 반대가 아닙니다.
02

조력자로서의 AI

AI는 초안 작성을 돕고, 에디터는 모든 변경 사항을 확인할 수 있게 유지합니다.
03

원하는 모델 사용

익숙한 모델을 내 API 키로 사용하세요.
04

프로토타입에서 제품까지

화면, 로직, 데이터 구조, 백엔드 흐름의 초안을 빠르게 만들고 다듬어 가세요.

Luna Park를 배우고 마스터하세요

처음부터 시작하는 데 필요한 모든 것.

게임형 챌린지

재미있는 챌린지로 연습하며 플랫폼의 모든 기능을 익히세요.
플레이 시작

동영상 아카데미

동영상 강좌를 보며 나만의 속도로 배우세요.
동영상 보기

문서

찾는 것이 있나요? 문서를 확인해 보세요.
문서 읽기

커뮤니티 & 지원

Discord나 포럼에 참여해 다른 개발자들과 소통하세요.
Discord 참여하기

지금 비주얼 스크립팅을 체험해 보세요!

이 인터랙티브 플레이그라운드에서 비주얼 스크립팅이 어떻게 동작하는지 느껴 보세요.

자주 묻는 질문

Luna Park로 개발할 때 알아야 할 모든 것.
Luna Park는 어떤 기술을 사용하나요?
Luna Park는 널리 쓰이는 표준 기술을 기반으로 합니다. 프론트엔드는 Vue와 Vite를, 백엔드는 Node.js와 Fastify를, 데이터베이스는 PostgreSQL을 사용합니다. 그 결과물은 독자적인 런타임이 아닌 일반적인 최신 웹 스택입니다.
프로젝트를 내보내서 Luna Park 없이 계속 개발할 수 있나요?
네. 프로젝트를 소스 코드로 내보내 평소 쓰던 개발 도구로 계속 작업할 수 있습니다. 애플리케이션은 Luna Park에 묶이지 않으며, 내보낸 코드는 여러분의 것입니다.
NPM 패키지를 사용할 수 있나요?
네. 패키지는 npm에서 바로 설치할 수 있습니다. 패키지가 TypeScript 타입을 제공하면 Luna Park가 함수, 매개변수, 반환 타입을 추론해 자동으로 비주얼 노드로 제공합니다.
기존 Vue 컴포넌트와 컴포넌트 라이브러리를 사용할 수 있나요?
네. Vue 컴포넌트를 내보내는 NPM 패키지를 설치하면 그 컴포넌트를 Luna Park 인터페이스에서 바로 사용할 수 있습니다. 내장 컴포넌트에 국한되지 않고 기존 Vue 생태계를 활용할 수 있습니다.
Luna Park를 확장하거나 나만의 플러그인을 만들 수 있나요?
네. Luna Park에는 새로운 컴포넌트, 노드, 기능으로 에디터를 확장할 수 있는 플러그인 생태계가 있습니다. 기존 플러그인을 사용하거나, 필요한 도구와 기능을 통합하기 위해 직접 플러그인을 만들 수 있습니다.
Vue/Node 애플리케이션을 직접 작성하는 것과 무엇이 다른가요?
기본 개념은 같지만, 그 개념을 다루는 방식이 다릅니다. Luna Park에서는 익숙한 기술과 프로그래밍 개념을 그대로 바탕에 두면서 인터페이스와 애플리케이션 로직을 시각적으로 만들 수 있습니다. 프로그래밍을 대체하는 추상화가 아니라, 프로그래밍하는 또 하나의 방법이라고 생각해 주세요.
AI 없이 Luna Park를 사용할 수 있나요?
물론입니다. AI는 선택 사항이며, Luna Park는 AI 없이도 완전히 사용할 수 있도록 설계되었습니다. 원할 때 AI의 도움을 받을 수 있지만, 애플리케이션을 만들고 이해하는 중심은 언제나 비주얼 에디터입니다.
Luna Park 프로젝트를 어디에나 배포하고 호스팅할 수 있나요?
네. Luna Park 프로젝트는 내보내서 독립적으로 배포할 수 있으므로 Luna Park의 호스팅 인프라에 묶이지 않습니다. 프로젝트에 맞는 호스팅 업체와 인프라를 자유롭게 선택하세요.