Supacode 시작하기
홈 페이지에 원하는 것을 적고 '만들기'를 누르세요. Supacode가 형식(HTML, React 또는 Next.js)을 고르고 실제 코드를 작성해 라이브 미리보기에서 실행해 보여 드려요. 수정은 채팅으로 요청하면 되고, 모든 변경은 버전으로 저장돼요. 새 계정에는 웰컴 크레딧 20개가 지급되고, Free 요금제는 매일 5 크레딧을 더해 드려요.
단계
첫 프로젝트 만들기
아이디어 설명하기
홈 페이지에서 원하는 것을 평소 말투로 적어 보세요. 예를 들어 영업시간과 지도가 있는 카페 메뉴 사이트처럼요. 참고용 이미지나 파일도 첨부할 수 있어요.
형식 고르기 또는 '자동' 유지
'자동'은 내용에 맞는 가장 단순한 형식을 골라요. 빠른 웹사이트는 HTML, 인터랙티브 앱은 React, 로그인·데이터·API가 있는 앱은 Next.js를 선택하세요.
비용 확인 후 만들기
로그인한 뒤 보내기 전에 예상 크레딧을 확인하세요. Supacode가 첫 버전을 만들어 라이브 미리보기에 보여 줘요.
채팅으로 다듬기
"헤더를 고정해 줘"나 "문의 양식을 추가해 줘"처럼 수정을 요청하세요. Supacode는 필요한 부분만 고치고 매번 새 버전을 저장해요.
게시하기
'게시'를 누르면 공유할 수 있는 라이브 링크가 생겨요. 업데이트하고 싶을 때마다 다시 게시하면 돼요.
자주 묻는 질문
Supacode로 무엇을 만들 수 있나요?
웹사이트(HTML), 웹 앱(React), 풀스택 앱(Next.js)을 만들 수 있어요. Supacode는 실제 코드를 작성하므로 직접 보고, 고치고, zip으로 내려받거나 GitHub에 푸시할 수 있어요.
코딩을 할 줄 알아야 하나요?
아니요. 바꾸고 싶은 내용을 평소 말투로 설명하면 돼요. 코딩을 할 줄 안다면 편집기를 열어 파일을 직접 수정할 수도 있어요.
메모리 탭은 무엇인가요?
SUPACODE.md에 프로젝트 목표, 디자인 방향, 규칙을 저장해요. Supacode는 요청할 때마다 이 파일을 읽으니 같은 말을 반복하지 않아도 돼요.
지금 만들어 볼까요?
아이디어를 설명하면 금방 실행되는 결과를 볼 수 있어요.
만들기 시작