Open in Replit

링크 만들기

링크를 만들려면 아래 형식을 사용하세요.

https://replit.com/?stack=Build&prompt=A4Jw9gtsAuQ&referrer=replit-docs

URL 파라미터

URL에 다음 파라미터를 반드시 포함하세요.

파라미터	유형	설명	필수/선택
`stack`	string	사용할 빌드 모드입니다. `Design` 또는 `Build` 중 하나여야 합니다. `Design`은 시각적 프로토타이핑을 위한 Canvas를 엽니다. `Build`는 전체 앱 개발을 위한 Agent를 엽니다.	필수
`prompt`	string	빌드할 애플리케이션을 설명하는 텍스트로, LZ-string으로 압축되어 있습니다. 압축되지 않은 프롬프트는 최대 50,000자까지 가능합니다.	필수
`referrer`	string	이 링크가 포함된 페이지의 이름 또는 URL입니다. 어트리뷰션에 사용됩니다.	선택

prompt 파라미터는 URL에 추가하기 전에 LZ-string 압축으로 압축해야 합니다. 이렇게 하면 URL이 브라우저의 길이 제한 내에 유지되고 올바르게 구문 분석됩니다.

대화형 링크 빌더

아래 도구를 사용해 Open in Replit 링크를 생성하세요. 프롬프트를 입력하고 스택 모드를 선택하면 LZ-string 압축이 적용된 링크가 자동으로 생성됩니다.

프롬프트 압축하기

유효한 Open in Replit 링크를 만들려면 LZ-string 압축으로 프롬프트를 압축해야 합니다. 방법은 다음과 같습니다.

JavaScript/TypeScript

import LZString from 'lz-string';

const prompt = 'Create a todo app with a clean, modern design';
const compressed = LZString.compressToEncodedURIComponent(prompt);
const url = `https://replit.com/?stack=Design&prompt=${compressed}`;

Python

import lzstring

prompt = "Create a todo app with a clean, modern design"
compressed = lzstring.LZString().compressToEncodedURIComponent(prompt)
url = f"https://replit.com/?stack=Design&prompt={compressed}"

압축된 문자열이 URL에 안전하도록 compressToEncodedURIComponent를 사용하세요.

예시

기본 프롬프트를 사용한 Canvas

https://replit.com/?stack=Design&prompt=AoUwTgzg9gdghgGwAQAcpgC4DMoIJZRIR4YgB0QA

상세한 프롬프트를 사용한 Build Mode

https://replit.com/?stack=Build&prompt=LIQw1gpgBCUE4HsQBMC2IAOUMBsQDt8BLfAcygBcEEcoB3ACwjmg0WQFcBjCqdfEKWYBnKFwJiWICtALIoANyLCOIHEQBe0AI6q4MuDgCe2dt16IU6DMIB0UAJL4uODsmjI4g0iABGOaHE4ZFEAMwQ4KBIiCiJpIgUIYQAaUyIImJMKQRSYfHkuGgixBGQScl8siBBUewARJKJSfCjeOhiGGFMEUKThdIFaWNQIdXxoJQg6PIKAglTUUuYWgFUHWyA&referrer=replit%20docs

스택 모드

Canvas

stack=Design을 사용해 Canvas에서 프롬프트를 여세요. 다음에 최적화되어 있습니다.

시각적 디자인과 UI 프로토타이핑
레이아웃과 스타일링의 빠른 반복
디자인 목업 만들기
프런트엔드 중심 개발

Build Mode

stack=Build를 사용해 Agent에서 프롬프트를 여세요. 다음에 최적화되어 있습니다.

풀스택 애플리케이션 개발
백엔드 로직과 API
데이터베이스 통합
복잡한 기능과 특징

모범 사례

최상의 생성 결과를 위해 프롬프트를 간결하게 유지하고 핵심 기능에 집중하세요.
빌드하고 싶은 것을 명확하게 설명하는 언어를 사용하세요.
사용 사례에 맞는 stack 모드를 선택하세요(UI/UX에는 Design, 전체 앱에는 Build).
공유하기 전에 압축된 URL이 올바르게 구문 분석되는지 테스트하세요.
프롬프트를 작성할 때 대상 독자의 기술 수준을 고려하세요.

사용자 인증

Replit 인증 상태와 관계없이, 앱을 만들기 전에 입력을 제공해야 합니다. 보통 이는 프롬프트를 제출하는 것을 의미합니다.

오류 처리

URL 형식이 잘못되었거나 파라미터가 유효하지 않으면 Replit이 프롬프트를 채우지 않습니다. 가능한 원인은 다음과 같습니다.

필수 파라미터(stack 또는 prompt) 누락
유효하지 않은 stack 값(Design 또는 Build여야 함)
prompt 파라미터의 압축 해제 실패
브라우저의 “URL too long” 오류(압축이 이를 완화하는 데 도움이 되지만)

보안 고려사항

Open in Replit 링크는 의도치 않은 동작이나 보안 취약점이 있는 앱을 만드는 데 사용될 수 있습니다. 신뢰할 수 있는 소스의 링크만 클릭하세요.

Open in Replit 링크를 공유할 때:

공개적으로 공유하기 전에 프롬프트를 신중하게 검토하세요
생성될 앱의 보안 영향을 고려하세요
프롬프트에 민감한 정보를 포함하지 마세요
링크가 만들어낼 내용에 대해 투명하게 밝히세요

링크 만들기

URL 파라미터

대화형 링크 빌더

프롬프트 압축하기

JavaScript/TypeScript

Python

예시

스택 모드

Canvas

Build Mode

모범 사례

사용자 인증

오류 처리

보안 고려사항

관련 자료