What makes Playcode different from other AI builders?

Most AI tools generate code and leave you to host it, wire up a database, and keep it online. Playcode builds the software and runs it on its own cloud, so the project grows from a page into a full app without switching tools.

Do I need to know how to code?

No. Just describe what you want in plain English (or any language). AI handles the code. But if you DO know code, you can edit it directly anytime.

What can I build with Playcode?

Marketing sites, online stores, web apps, landing pages, dashboards, internal tools, client portals, CRMs, SaaS MVPs, booking flows, and automations - and you can grow one into the next without starting over.

Do I own what I create?

100%. The code belongs to you. Export it anytime and run it on Vercel, Netlify, AWS, or your own server. Zero lock-in.

요금제 로그인 회원가입

AI 웹사이트 빌더 비즈니스를 위한

Playcode에 필요한 것을 설명하세요. AI 에이전트가 만들고 실제 백엔드, 데이터베이스, 호스팅이 포함된 자체 클라우드에서 실행해요. 문제가 생겨도 데이터베이스를 포함한 앱 전체를 저장된 시점으로 되돌릴 수 있어요. 하나의 채팅으로 한 페이지짜리 사이트부터 비즈니스를 운영하는 소프트웨어까지 만들 수 있어요.

신용카드 불필요 · 코딩 지식 불필요

1.1M+사용자

26M+프로젝트

2016년부터

신뢰받는 서비스

위 회사의 기업 이메일 도메인으로 가입한 계정 수를 집계한 수치예요. Playcode는 셀프서비스 제품이며 해당 브랜드와 계약한 공식 공급업체는 아니에요.

AI 웹사이트 빌더 사용법

아이디어에서 라이브 웹사이트까지 몇 분이면 충분해요

AI와 대화하기

필요한 걸 말하기만 하면 돼요. 음성이든 텍스트든 상관없어요. "저는 강남에서 부동산 중개를 하는데, 매물 소개 웹사이트가 필요해요."

AI가 똑똑하게 질문해요: 어떤 스타일? 어떤 페이지? 기존 콘텐츠가 있나요? 클릭하거나 말하면서 답하면 돼요 - 양식이 아니라 대화예요.

미리보기

AI 채팅

게시

서울에서 작은 베이커리를 운영해요. 메뉴와 사전 주문이 가능한 웹사이트가 필요해요.

질문 4개

2 / 4

베이커리 사이트의 주된 분위기는 어떤가요?

A깔끔한 선이 돋보이는 모던 미니멀 스타일

B빵 사진을 크게 보여 주는 따뜻하고 소박한 스타일

C전문적이고 단정한 스타일

D아래에 원하는 스타일을 직접 설명할게요

또는 직접 입력하세요...

건너뛰기

바꾸고 싶은 내용을 설명하세요...

경제적

제작 진행 상황

4/6

✓

사이트 구조 및 내비게이션

✓

CTA가 있는 히어로 섹션

✓

메뉴 및 사전 주문 목록

문의 양식 만드는 중...

베이커리 소개 페이지

푸터 및 SEO 메타데이터

sweet-delights.playcode.io

Sweet Delights

서울에서 매일 아침 굽는 신선한 빵

픽업 주문...

오늘 아침 갓 구운 빵

신메뉴

6,500원

클래식 사워도우

오전 6시 구움|12개 남음

갓 구움

4,800원

버터 크루아상

오전 7시 구움|24개 남음

문의하기

웹사이트가 만들어지는 걸 지켜보세요

AI가 실시간으로 웹사이트를 만들어요. 작업이 하나씩 완료되는 걸 볼 수 있어요. 몇 분이면 돼요.

이건 템플릿이 아니에요. 내 이름이 들어가요. 내 비즈니스. 내 콘텐츠. 처음부터 만들어진 나만의 웹사이트예요.

바로 시작하기

게시 버튼을 누르면 끝이에요. 웹사이트가 바로 라이브로 올라가고 Playcode가 호스팅해요 - 빠르고, 안전하고, 항상 온라인. 별도 호스팅 설정이나 비용이 필요 없어요.

yourbusiness.com 같은 도메인이 있나요? Playcode에 연결하면 끝이에요. 명함에 넣고, 고객에게 공유하세요. 기존 호스팅은 해지해도 돼요.

웹사이트가 게시됐어요!

https://

sweet-delights.playcode.io

안전한 사이트 - SSL 인증서 활성화

또는 내 도메인 연결 sweetdelights.com

Sweet Delights

매일 갓 구운 빵

Sweet Delights

매일 갓 구운 빵

몇 초 만에 사이트 업데이트

클릭해서 비주얼로 편집하거나, AI에게 뭘 바꿀지 말하면 돼요. 게시 누르면 - 고객이 바로 볼 수 있어요. 개발자 필요 없어요.

홈히어로

100%

sweet-delights.playcode.io

Sweet Delights

메뉴소개갤러리문의주문

히어로 섹션

매일 아침 갓 구운 빵

2019년부터 정성껏 만드는 수제 빵, 페이스트리, 케이크

지금 주문

대표 메뉴

사워도우

가격 6,500원

크루아상

가격 4,800원

웨딩 케이크

가격 129,000원

배경

#f59e0b

타이포그래피

Inter

제목 텍스트

매일 아침 갓 구운 빵

글자 크기

24px

AI 편집

배경을 따뜻한 그라데이션으로 바꿨어요

텍스트를 더 크게 해 줘...

사이트의 아무 요소나 클릭해서 선택하세요. 색상, 텍스트, 폰트, 간격을 바꾸거나 - AI에게 맡기세요.

페이지 하나로 부족해져도 처음부터 다시 만들 필요 없어요.

스토어, 고객 로그인, 예약 시스템, 대시보드, 팀용 CRM을 추가하세요. 같은 프로젝트와 같은 채팅에서 이어지기 때문에 소프트웨어가 한계에 막히지 않고 비즈니스와 함께 성장해요.

랜딩 페이지
여기서 시작
예약 사이트
+ 캘린더와 알림
온라인 스토어
+ 결제와 주문
클라이언트 포털
+ 로그인과 데이터베이스
내부 CRM
+ 팀의 업무 흐름
비즈니스를 운영하는 앱
같은 프로젝트. 다시 만들 필요 없음.

전 세계 호스팅. 항상 온라인.

모든 프로젝트에서 Playcode가 직접 소유하고 운영하는 인프라의 실제 백엔드, 데이터베이스, 자동 HTTPS를 사용할 수 있어요. 데모나 정적 내보내기가 아니라 고객이 실제로 사용하고 비즈니스와 함께 성장하는 소프트웨어를 온라인에서 운영해요.

년 호스팅 경험

26M+

호스팅 프로젝트

99.9%

가동률

이미 호스팅 비용을 내고 있나요? 해지하세요. Playcode가 이제 호스팅이에요.

Playcode Cloud 구축 방식 보기

sweetdelights.com 운영 중

Playcode Cloud

데이터베이스

백엔드 및 API

로그인 및 인증

백그라운드 작업

자동 HTTPS

파일 스토리지

내장 마케팅

당신의 웹사이트에는 마케팅 팀이 내장되어 있습니다.

사이트를 만든 AI가 마케팅까지 합니다. 같은 채팅에서 질문하세요. 실제 Google 데이터를 확인하고, 찾은 내용을 보여주고, 그 답을 사이트에 바로 반영합니다.

무엇이 느린지 정확히 파악
Google의 Lighthouse로 라이브 사이트를 진단하고, 점수를 깎는 요소를 고친 뒤 다시 측정해 증명합니다.
사람들이 실제로 검색하는 키워드 공략
모든 키워드에 대한 실제 Google 검색량, 난이도, 검색 의도. 추측이 아닙니다.
경쟁사에 링크하는 사이트 확인
모든 도메인의 백링크 프로필과 모든 검색어의 실시간 Google 순위. 당신의 사이트도 포함해서.
그리고 페이지까지 작성
리서치가 같은 대화 안에서 랜딩 페이지, 수정된 제목, 새 글이 됩니다. 이미 운영 중인 사이트 위에서.

Playcode의 마케팅 방식 보기

Playcode AI

내 경쟁사에 누가 링크하고 있나요?

참조 도메인

thedailybite.blog링크 214개
austinfoodguide.com링크 86개
eatlocal.co링크 41개

내 사이트는 얼마나 빠른가요?

Lighthouse

성능

접근성

권장사항

SEO

랜딩 페이지 작성 중...

예시 대화입니다. SEO 리서치는 유료 플랜에 포함됩니다.

비즈니스 연속성

비즈니스의 작업을 잃지 않도록 설계했어요.

운영 중인 앱은 비즈니스 자산이에요. 코드, 파일, 고객 기록을 장비 위, 장비 밖, 직접 보관할 수 있는 형태의 독립된 계층으로 보호해요.

복구용 사본을 직접 관리할 필요는 없지만, 원한다면 언제든 만들 수 있어요. 전체 프로젝트를 언제든 다운로드하세요. 실제 코드이며 내 소유예요.

내 앱코드 · 파일 · 데이터베이스

운영 중

스냅샷실행 장비
코드, 파일, 데이터베이스를 포함한 앱 전체를 함께 저장하고 약 1초 만에 저장 시점으로 복원해요.
수동 · 요청 시 · 위험한 변경 전 자동
Git 기록별도 인프라
모든 코드 변경을 앱이 실행되는 장비와 떨어진 곳에 기록해요.
모든 변경 · 독립적으로 복구 가능
암호화된 외부 백업별도 제공업체
프로젝트 기록을 매일 밤 암호화해 다른 클라우드 제공업체에도 백업하고, 매번 정상 실행됐는지 감시해요.
매일 밤 · 암호화 · 모니터링
직접 보관하는 사본내 손안에
프로젝트는 실제 코드예요. 언제든 전체를 내보내고 신뢰하는 곳에 사본을 보관하세요.
언제든 내보내기 · 내 소유

데이터베이스 손실은 비즈니스를 무너뜨릴 수 있어요. 여기서는 서로 다른 네 단계가 모두 동시에 실패해야 해요.

무언가 망가졌나요? 되돌리세요.

Playcode는 위험한 변경 전과 요청할 때마다 프로젝트 전체 스냅샷을 만들어요. 문제가 생기면 앱과 데이터베이스를 함께 저장된 시점으로 약 1초 만에 되돌릴 수 있어요. Playcode가 실행 장비를 직접 운영하기 때문에 복구 기능도 기본으로 제공해요. 모든 변경은 별도 인프라의 git에도 저장돼요.

위험한 변경 전 자동 스냅샷 · 별도 인프라의 git 기록

스냅샷

결제 화면 리디자인
방금
문제 발생
결제 기능 추가
2분 전
새 예약 흐름
1시간 전
사이트 출시
어제

“결제 기능 추가” 시점으로 되돌렸어요 - 앱과 데이터베이스가 약 1초 만에 다시 온라인 상태예요.

AI가 사이트에 필요한 모든 것을 만들어요

히어로 이미지, 로고, 아이콘 - AI가 웹사이트를 만들면서 함께 생성해요. 스톡 사진 필요 없어요. 디자이너 필요 없어요.

문장 하나로 생성영상 배경

히어로 이미지

Sweet Delights

SDSD

로고

아이콘

웹사이트가 구식으로 보이나요?

URL을 붙여넣기하세요. AI가 비즈니스 이름, 전화번호, 서비스를 읽고 - 모던한 디자인으로 다시 만들어요. 콘텐츠는 그대로. 구식 디자인만 사라져요.

어떤 웹사이트든 가능해요. 약 2분 걸려요.

AI 리디자인 후의 현대적인 웹사이트 - 콘텐츠는 그대로, 디자인은 새롭게 — AI 리디자인 후

한국어로 말하세요

모국어로 타이핑하거나 말하세요. AI가 이해하고 설명한 대로 정확하게 웹사이트를 만들어요. 번역 필요 없어요.

🇪🇸 Español🇫🇷 Français🇩🇪 Deutsch🇯🇵 日本語🇸🇦 العربية🇧🇷 Português🇨🇳 中文🇰🇷 한국어🇮🇹 Italiano🇹🇷 Türkçe외 50개 이상

주머니 속에서 바로

휴대폰에서 소프트웨어를 만들고 업데이트한 뒤, 네이티브 앱처럼 설치되는 모바일 사이트, 앱, 게임까지 게시하세요. App Store는 필요 없어요.

어디서든 만들기 - 상품을 추가하고, 사진을 올리고, 아이디어가 떠오른 순간 휴대폰에서 바로 업데이트하세요.

사이트, 앱, 게임 - 모바일 사이트, 미니 앱, WebGL 게임까지. 브라우저에서 실행되는 것이라면 여기서 만들 수 있어요.

네이티브 앱처럼 설치 - 홈 화면에 추가하면 전체 화면과 오프라인 준비를 갖춘 앱이 돼요. App Store나 심사 대기가 필요 없어요.

iPhone & AndroidMac AppWindows AppLinux App

모든 비즈니스를 위해

첫 웹사이트부터 뒤에서 비즈니스를 운영하는 소프트웨어까지 Playcode로 만들어요.

부동산

매물과 문의 양식

사진작가

갤러리와 예약

요가 스튜디오

일정과 수강 신청

뷰티 살롱

온라인 예약 기본 제공

자동차 디테일링

지역 검색에서 발견

클라이언트 포털

로그인 + 공유 기록

내부 CRM

팀의 업무 흐름을 한곳에

운영 대시보드

실시간 수치를 한 화면에

30개 이상의 업종 보기

내 업종이 없나요? AI는 어떤 비즈니스도 만들어요.

개발자 없이 만든 사람들

"예약 페이지로 시작했어요. 지금은 일정, 청구서, 고객 기록까지 회사 전체가 쓰는 시스템이에요. 변경이 필요하면 채팅으로 설명하고 그날 바로 적용해요."

청소 회사 대표 · 한 페이지에서 비즈니스 운영 앱으로

"개발자를 고용하지 않고 로그인, 구독, 실제 데이터베이스를 갖춘 MVP를 출시했어요. 투자자는 슬라이드가 아니라 제품을 직접 사용해 봤어요."

SaaS 창업자 · 인증, 결제, 데이터베이스가 있는 MVP

"월 $300짜리 도구를 실제 업무 방식에 맞춘 내부 트래커로 바꿨어요. 팀이 매일 이 도구에서 일해요."

운영 관리자 · 산업별 SaaS를 대체한 내부 도구

나뿐 아니라 클라이언트를 위한 소프트웨어도 만드세요.

수많은 로컬 비즈니스가 못생기고 구식인 웹사이트를 가지고 있어요. AI 웹사이트 빌더로 고쳐줄 수 있어요 - 그리고 돈도 벌 수 있어요.

못생긴 웹사이트를 가진 비즈니스 찾기

Google Maps를 열어보세요. 레스토랑, 미용실, 열쇠 수리점 - 아무 로컬 비즈니스나 검색해 보세요. 웹사이트를 클릭해 보면 대부분 2005년에 만든 것 같아요.

느리거나, 구식이거나, 모바일에서 안 보이는 사이트를 찾으세요

10분 만에 더 나은 사이트 만들기

Playcode에 URL을 붙여넣기하세요. AI가 같은 콘텐츠로 모던한 디자인의 사이트를 다시 만들어요. 또는 비즈니스를 설명하면 AI가 처음부터 만들어요. 실제 전화번호, 주소, 서비스를 넣으세요.

Google Maps에서 실제 비즈니스 정보를 사용하세요

데모를 보여주고 돈 받기

전화하거나 방문하세요: "새 웹사이트를 만들어봤어요. 한번 보시겠어요?" 상대방은 자기 비즈니스 이름, 전화번호, 서비스를 보게 돼요 - 하지만 훨씬 예쁘게. 알아서 팔려요.

비즈니스 규모에 따라 30만~300만원 청구하세요

누가 새 웹사이트가 필요할까요? (힌트: 거의 모든 곳)

못생긴 메뉴판의 레스토랑온라인 예약이 없는 미용실2005년풍 사이트의 열쇠 수리점느린 페이지의 부동산 중개인웹사이트가 아예 없는 요가 스튜디오Google Maps에서 찾은 배관공Facebook만 있는 자동차 디테일링구식 디자인의 치과

부업 시작하기

디자인이나 코딩 지식은 필요 없어요. 첫 데모는 약 10분이면 만들 수 있어요.

일반 AI 빌더 대신 Playcode를 선택하는 이유

대부분의 도구는 생성된 코드나 예쁜 화면에서 끝나요. Playcode는 AI 제작과 직접 운영하는 Cloud 환경을 결합해 실제 비즈니스 소프트웨어에 필요한 백엔드, 호스팅, 원클릭 복원까지 제공해요.

직접 호스팅

임대 호스팅의 CMS

$10 - $50/월+ 개발자 비용

변경할 때마다 개발자가 필요
보안 업데이트와 플러그인을 직접 관리
CMS 관리자 화면이 복잡함
기술 최적화 없이는 느림

손이 너무 많이 가요

웹 에이전시

$3,000 - $10,000+일반적인 프로젝트 비용

완성까지 몇 주 또는 몇 달
간단한 사이트도 비쌈
나중에 수정하기 어려움
에이전시 일정에 의존

너무 비싸고 느려요

템플릿 빌더

드래그 앤 드롭 사이트 빌더

$15 - $50/월계속되는 구독료

템플릿처럼 보임
모두 비슷한 사이트
드래그 앤 드롭이 번거로움
커스터마이징에 한계

개성이 부족해요

Playcode AI

심플한 요금제

작게 시작하세요. 준비되면 업그레이드하면 돼요.

Free

$0으로 시작

AI 웹사이트 빌더를 체험하고 결과를 확인해 보세요

AI 크레딧 포함
사이트 즉시 게시
서브도메인 포함
웹사이트 호스팅 포함
신용카드 불필요

시작하기

Pro

가장 인기

$25/월

만들기에 필요한 모든 것

월 100 AI 크레딧
모든 AI 모델 (12개+)
비주얼 편집
커스텀 도메인
웹사이트 호스팅 포함
코드 언제든 내보내기
비공개 프로젝트
무제한 협업자

만들기 시작

언제든 해지 가능. 숨겨진 비용 없어요.

크레딧 사용 방법

크레딧은 AI가 도와줄 때 사용돼요. 간단한 편집은 적게, 복잡한 기능은 더 많이 들어요.

간단한 편집"버튼 색상 바꿔 줘" ~0.3-0.5 크레딧
컴포넌트 추가"네비게이션 바 추가해 줘" ~1-2 크레딧
페이지 생성"연락처 페이지 만들어 줘" ~2-3 크레딧
전체 기능"사용자 인증 추가해 줘" ~5-10 크레딧

대부분의 사용자는 크레딧이 부족하지 않아요. 100 크레딧이면 충분히 많이 만들 수 있어요.

자주 묻는 질문

Playcode는 프롬프트를 코드로 바꾸는 데서 끝나지 않아요. Playcode AI가 앱을 계획하고 만들고 편집하며, Playcode Cloud가 호스팅, 데이터베이스, HTTPS, 작업, WebSockets를 포함한 실행 환경을 제공해요. 변경에 문제가 생기면 코드, 파일, 데이터베이스를 함께 저장 시점으로 되돌릴 수 있어요.

마케팅 사이트, 웹 앱, 랜딩 페이지, 대시보드, 내부 도구, 클라이언트 포털, CRM, SaaS MVP, 프로토타입, 예약 흐름, 자동화를 만들 수 있어요. 결제, 이메일, Telegram, WhatsApp, CRM 등은 해당 서비스가 지원하면 API, webhook, SMTP, 토큰 방식으로 연결할 수 있어요.

아니요. 한국어 등 편한 언어로 원하는 것을 설명하세요. AI가 코드를 처리해요. 코딩을 안다면 언제든 직접 편집할 수도 있어요.

네. Playcode는 코드를 숨기지 않고 실제 React, Vue, HTML 전체를 보여 줘요. 빠르게 할 때는 AI를, 정밀하게 다듬을 때는 직접 편집을 사용하세요.

첫 작동 버전은 보통 5-30분 안에 준비돼요. 이후에는 실시간으로 수정할 수 있어요. 변경을 설명하고 AI가 적용하는 모습을 본 뒤 바로 게시하세요.

네. 먼저 Playcode 미리보기 링크를 사용하고, 게시할 준비가 되면 현재 플랜 한도 안에서 HTTPS가 적용된 커스텀 도메인을 연결하세요.

100% 내 소유예요. 코드를 언제든 다운로드해 Vercel, Netlify, AWS, 자체 서버 등 원하는 곳에서 실행하세요. 종속되지 않아요.

감사, 인계, 이전이 필요할 때 프로젝트 코드를 내보내세요. Playcode Cloud에서 실행하는 동안에는 플랜 한도 안에서 호스팅, 데이터베이스, 작업, HTTPS, 스냅샷, 복원을 포함한 관리형 환경도 제공해요.

유료 플랜의 프로젝트는 기본적으로 비공개예요. EU의 Hetzner 전용 서버, 모든 연결의 HTTPS, 매일 암호화 백업, 한 명의 엔지니어로 제한된 프로덕션 접근으로 보호해요. SOC 2 감사와 완전한 GDPR 준수를 진행 중이며, EU 데이터 보관과 삭제권은 이미 제공되고 있어요. 코드나 콘텐츠로 모델을 학습하지 않아요. 자세한 내용은 /security에서 확인하세요.

대부분의 AI 코딩 도구는 개발자 중심이라 코드를 만든 뒤 호스팅, 데이터베이스, 배포, 복구를 직접 구성해야 해요. Playcode는 작동하는 소프트웨어가 필요한 사람을 위한 제품이에요. 설명하고, 화면이나 자연어로 편집하고, Playcode Cloud에서 바로 운영하세요.

네. 휴대폰, 태블릿, 데스크톱에서 모든 기능을 사용할 수 있어요. 어디서든 만들고 편집하고 게시하세요.

support@playcode.io로 이메일을 보내면 실제 담당자가 답변해요. 가이드가 있는 도움말 센터와 모든 업데이트를 기록한 변경 내역도 있어요.

아직 궁금한 점이 있나요? 문의하기

설명하면, AI가 만들어요.

10분이면 웹사이트가 라이브돼요. AI에게 필요한 걸 말하기만 하면 돼요.

온라인 주문이 되는 베이커리 웹사이트...만들기 시작

신용카드 불필요. AI 크레딧 포함.

종속 없음. 코드 포함.

Playcode가 사이트를 만들어주지만 결과물은 계속 내 것입니다. 내보내거나 개발자에게 넘기거나 AI로 계속 편집하세요.

App.tsx

import React from 'react'

export default function Hero() {
  return (
    <main className="site">
      <Hero business="Dental Clinic" />
      <Services />
      <ContactForm />
    </main>
  )
}

언제든 내보내기

파일이 필요할 때 프로젝트를 다운로드하세요.

개발자가 편집 가능

접근 권한을 공유하거나 코드를 넘기세요. Playcode 안에 갇히지 않습니다.

어디서든 호스팅

Playcode에 그대로 두거나 Vercel, Netlify, AWS 또는 내 서버로 옮길 수 있어요.

비즈니스에 필요한 소프트웨어를 만들고 운영하세요

Playcode로 무엇을 만들 수 있나요?

Playcode는 자연어 설명으로 웹사이트, 웹 앱, 내부 도구, 대시보드, 클라이언트 포털, 업무 자동화, SaaS MVP를 만들어요. 원하는 결과를 설명하면 Playcode AI가 페이지, 데이터, 로직, 편집 가능한 코드로 바꿔요.

Playcode는 정적 사이트 빌더보다 더 나아가요. 프로덕션 기능이 필요하면 Playcode Cloud가 백엔드, 데이터베이스 상태, 파일, HTTPS, 미리보기 링크, 백그라운드 작업, WebSockets, 스냅샷, 복원을 운영해요.

다른 방법 대신 Playcode를 선택하는 이유

전통적인 에이전시는 느리고 비싸며 템플릿 빌더는 한계가 있어요. 코드만 만드는 AI 도구는 호스팅, 데이터베이스, 배포, 복원, 연동을 직접 구성하게 해요. Playcode는 빌더와 실행 환경을 하나로 합쳐요.

개발자, DevOps 엔지니어, 여러 공급업체를 먼저 고용하지 않고 아이디어에서 작동하는 소프트웨어로 나아가고 싶을 때 Playcode를 사용하세요.

Playcode 기능

사이트, 앱, 포털, 대시보드, 자동화를 위한 자연어 입력
문구, 레이아웃, 색상, 페이지 구조를 위한 비주얼 편집
플랜 한도 내 미리보기 링크, 게시, 커스텀 도메인, 자동 HTTPS
백엔드, 데이터베이스, 파일, 작업, WebSockets, 스냅샷, 복원을 위한 Playcode Cloud
대상 서비스가 지원할 때 API, webhook, SMTP, 토큰 방식 연동
전체 코드 접근과 내보내기, 휴대폰, 태블릿, 데스크톱에서 작동하는 반응형 에디터