내용 요약

NoCode는 nocode.cn에서 제공되는 메이투안의 노코드 개발 플랫폼으로, 코드 대신 설명을 씁니다. 페이지 유형과 구조를 알려 주면 모델이 동작하는 프런트엔드 코드를 만들어 바로 렌더링하고, 고치고 싶은 부분을 클릭해 조정한 뒤 만족하면 공유 링크를 생성합니다. SQL 자동 생성이 붙은 데이터베이스, 파일 저장, 스마트폰에서의 위챗 미니프로그램 제작, 대화 전용 모드, 출력을 일정하게 유지하는 지식 설정도 갖춰 비기술 직군이 빠르게 쓸 수 있는 페이지를 얻는 데 적합합니다.

NoCode: 페이지를 말로 설명하면 만들어 주는 메이투안의 노코드 AI 앱 개발 플랫폼 screenshot

무엇인가

한 줄로 말하면 '프런트엔드를 석 달 배우고 페이지에 2주를 쓰는 일'을 '원하는 것을 정확히 설명하는 일'로 압축합니다.

NoCode는 메이투안이 제공하는 노코드 AI 앱 개발 플랫폼이고, 입구는 nocode.cn이며 메이투안 앱이나 위챗으로 코드를 스캔해 로그인합니다. 드래그 앤 드롭 편집기가 아니라, 자연어로 요구를 전달하면 모델이 동작하는 프런트엔드 코드를 출력하고 입력창 옆에서 바로 렌더링합니다. 공식 표기는 '1초에 200줄 생성'이며, 기반은 프런트엔드에 최적화된 자체 1,000억 파라미터 모델 LongCat입니다.

주요 기능

  • 자연어 프로그래밍: 코드 없이 페이지 유형과 구조만 설명하면 앱이 생성됩니다.
  • 실시간 미리보기: 생성 즉시 렌더링되므로 결과를 보고 고칠 곳을 정합니다. 편집기와 브라우저를 오갈 필요가 없습니다.
  • 부분 수정: 문구 하나 고치려고 페이지 전체를 다시 만들지 않아도 됩니다. 버전 비교와 되돌리기를 더하면 시행착오 비용이 낮습니다.
  • 원클릭 배포: 완성 후 공유 링크가 생성됩니다. 서버를 빌리거나 도메인을 설정할 필요가 없습니다.
  • Database와 SQL 자동 생성: 연결하면 데이터를 저장·관리할 수 있고, 화면에서 요구를 말하면 SQL이 생성되어 원클릭 실행되며 프런트엔드가 이후에 맞춰집니다.
  • 파일 저장: 이미지와 오디오를 업로드하고 호출해 관리합니다. 구조를 자동 판별해 테이블을 만드는 기능은 출시 예정으로 표시되어 있습니다.
  • 위챗 미니프로그램: 스마트폰에서 제작·공유·관리하며 PC가 필요 없습니다.
  • 대화 전용 모드: 페이지 생성을 건너뛰고 AI 어시스턴트와 개발 문제를 논의합니다. 결과물보다 사고 정리에 적합합니다.
  • 지식 설정: 업계 용어와 서식 규범을 '지식'으로 지정해 여러 번 생성해도 출력이 흔들리지 않게 합니다. 같은 프롬프트를 반복해 붙이는 수고가 줄어듭니다.

시작하는 방법

로그인한다. 공식 사이트를 열고 메이투안 앱이나 위챗으로 스캔합니다.

무엇을 만들지 말한다. 홈 입력창에 페이지 유형을 적습니다. 예를 들어 '온라인 폼', '상품 소개 페이지' 같은 식입니다.

구조를 보탠다. 전체 골격을 설명합니다. '상단 내비게이션 바, 중앙 콘텐츠 영역, 하단 버튼'처럼 말입니다. 이 단계가 구체적일수록 첫 버전이 의도에 가깝습니다.

소재를 올린다. 입력창의 업로드 버튼으로 이미지를 고르고 어디에 넣을지 알려 줍니다.

보내고 확인한다. 생성을 기다린 뒤 미리보기에서 해당 영역을 클릭해 수정하거나 대화로 조정을 이어 갑니다.

저장하고 공유한다. 저장하면 코드가 저장소로 들어가고 공유 링크가 생성됩니다.

저장 기능이 필요하면 먼저 Database를 신청해 연결한 뒤 위 방식대로 화면에서 SQL을 생성합니다. 파일은 저장 모듈에서 업로드하고 지시로 작품에 적용하며, 편집과 삭제는 Database 관리 화면에서 합니다.

누구에게 맞나

프로토타입을 만드는 프로덕트 매니저, 캠페인 페이지를 내는 마케터, 작은 도구를 만드는 교사, 아이디어를 검증하는 창업자, 그리고 '원하는 화면은 알지만 그 때문에 프레임워크를 배우지는 않을' 사람입니다. 환경 구성, 빌드 설정, 배포라는 순수 엔지니어링 단계를 건너뛰기 때문에 '아이디어에서 만져 볼 수 있는 것까지' 구간이 특히 빠릅니다.

쓰기 전에 알아 둘 점

  • 주소를 확인한다: 로그인은 nocode.cn 하나뿐입니다. 스캔할 때 도메인을 확인하고 모방 사이트에서 인증하지 마세요.
  • 노코드가 노유지보수는 아니다: 생성된 코드도 브라우저 호환, 모바일 대응, 접근성이라는 현실 문제를 만납니다. 공개 전에 직접 점검해야 합니다.
  • 데이터 기능에는 조건이 있다: Database는 신청과 연결이 필요하고 페이지 생성과 동시에 자동으로 생기지 않습니다. 파일 저장의 자동 테이블 생성도 출시 예정 상태입니다.
  • 복잡한 업무는 한계에 부딪힌다: 다중 역할 권한, 복잡한 상태 전이, 외부 결제 같은 요구에서 대화형 생성의 신뢰도가 크게 떨어지고 결국 코드로 돌아가게 됩니다.
  • '1초 200줄'은 생성 속도: 코드 양과 실용성은 다르며, 첫 버전이 돌아가도 업무 로직은 하나씩 검증해야 합니다.
  • 무료 한도와 상용 조건: 자료에 과금 방식과 상용 라이선스 범위가 없으니 대외 업무에 쓰기 전에 사이트에서 확인하세요.

자주 묻는 질문

코딩이 필요한가요?

필요 없지만 HTML과 CSS 기초가 있으면 설명과 수정이 빨라집니다.

어떤 모델을 쓰나요?

프런트엔드 생성에 최적화된 메이투안의 1,000억 파라미터 LongCat입니다.

데이터베이스를 쓸 수 있나요?

가능합니다. 연결하면 화면이 SQL을 생성해 원클릭 실행합니다.

만든 것은 어떻게 공유하나요?

저장하면 링크가 생성되고 미니프로그램은 스마트폰에서 관리합니다.

변경을 취소할 수 있나요?

가능합니다. 버전 비교와 되돌리기를 지원합니다.

자주 묻는 질문

코딩을 알아야 하나요?

아닙니다. 설명하고, 생성하고, 미리보기에서 조정하는 흐름입니다. 다만 HTML과 CSS를 조금 알면 효율이 확실히 오릅니다. 생성된 구조를 읽을 수 있고 바꿀 지점을 더 정확히 설명할 수 있기 때문입니다.

어떤 모델을 쓰나요?

메이투안이 자체 개발한 1,000억 파라미터 LongCat이며 프런트엔드에 최적화되어 있습니다. 공식 설명은 대형 모델과 소형 모델을 조합해 여러 시스템에서 협업시켜 HTML, CSS, JavaScript를 생성한다는 것입니다.

데이터베이스를 연결할 수 있나요?

가능합니다. Database를 연결하면 데이터를 저장·관리하고 실시간으로 갱신됩니다. 화면에서 요구를 말하면 SQL이 자동 생성되어 원클릭 실행되고, 이후 프런트엔드 코드가 저장 로직에 맞춰 조정됩니다.

만든 것을 어떻게 공유하나요?

저장하면 공유 링크가 생성되며 이것이 배포입니다. 미니프로그램이라면 스마트폰에서 제작·공유·관리까지 가능해 PC로 돌아갈 필요가 없습니다.

잘못된 변경을 되돌릴 수 있나요?

가능합니다. 버전 비교와 되돌리기를 지원해 부분 수정이 오히려 나빠졌을 때 이전 버전으로 돌아갈 수 있습니다. 페이지를 여러 번 조정할 때 중요한 기능입니다.