로우 코드 개발과 노 코드 개발 비교

대상 사용자

전문 개발자, IT팀

일반인 개발자, 비기술직 직원

맞춤설정 및 유연성

높음, 커스텀 코드 및 통합으로 확장 가능

플랫폼의 사전 빌드된 부분으로 제한됨

거버넌스 중심

대규모 시스템 보안 및 확장 관리

비즈니스 사용자가 안전하게 자체 도구를 빌드할 수 있도록 지원

작업: Firebase Console에서 Firebase Studio를 열고 앱에서 수행해야 하는 작업을 설명하는 프롬프트를 작성합니다.

노 코드 방법: 팀 의견 앱의 경우 다음과 같은 프롬프트를 작성할 수 있습니다.

'팀에서 익명으로 의견을 제출할 수 있는 앱을 빌드하고 있어. 의견 텍스트, 제출 날짜, 제출자 부서(엔지니어링, 마케팅 또는 영업 중에서 선택)를 수집해야 해.'

작업: 프롬프트를 제출하면 에이전트에서 권장사항을 제시합니다.

노 코드 방법: 에이전트는 feedbackText(문자열), submittedAt(타임스탬프), department(문자열)와 같은 필드를 사용하여 의견 수집 방법을 제안할 수 있습니다. 또한 데이터가 보호되도록 기본 보안 규칙도 제안합니다. 이러한 제안을 검토하고 에이전트에 수정을 요청한 후 클릭 한 번으로 Firebase에 배포할 수 있습니다.

작업: 에이전트는 백엔드 제안과 함께 샘플 애플리케이션 코드를 제공합니다.

노 코드 방법: 에이전트는 의견 앱에 사용할 텍스트 입력란, 부서 드롭다운 메뉴, '제출' 버튼이 있는 간단한 UI를 생성할 수 있습니다. 이 코드는 이미 Firestore 데이터베이스에 데이터를 쓰도록 구성되어 있습니다. 이를 사용자 테스트를 위한 기능 프로토타입으로 또는 개발자에게 전달하여 더욱 세련된 인터페이스를 위한 시작점으로 사용할 수 있습니다.

작업: Gemini Code Assist 확장 프로그램이 설치된 Cloud Shell 편집기나 다른 IDE에서 새 Node.js 파일을 엽니다.

로우 코드 방법: 설명하는 주석을 프롬프트로 입력합니다. Gemini Code Assist에서 주석을 확인하고 자동으로 코드를 제안합니다.

// Node.js의 Cloud 함수는 새로운 사용자가

// 'users' Firestore 컬렉션에 생성되면 트리거됩니다.

// 시작 이메일을 사용자 이메일 주소로 보내야 합니다.

const functions = require('firebase-functions');

const admin = require('firebase-admin');

admin.initializeApp();

// 이메일 전송 서비스를 구성해야 합니다

const emailClient = require('@sendgrid/mail');

emailClient.setApiKey(process.env.SENDGRID_API_KEY);

exports.sendWelcomeEmail = functions.firestore

    .document('users/{userId}')

    .onCreate(async (snap, context) => {

      const newUser = snap.data();

      const email = newUser.email;

      const displayName = newUser.displayName;

      const msg = {

        to: email,

        from: 'welcome@yourcompany.com',

        subject: 'Welcome to Our Service!',

        text: `Hi ${displayName}, thanks for signing up!`,

        html: `<strong>Hi ${displayName},</strong><p>Thanks for signing up!</p>`,

      };

      try {

        await emailClient.send(msg);

        console.log('Welcome email sent to:', email);

      } catch (error) {

        console.error('Error sending welcome email:', error);

      }

    });

작업: sendWelcomeEmail 함수를 강조 표시합니다.

로우 코드 방법: Gemini Code Assist 채팅 패널을 열고 '이 코드를 설명해 줘'라고 요청합니다. Gemini에서 함수 작동 방식을 설명해 줍니다. 그런 다음 'catch 블록에 더 자세한 오류 로깅을 추가해 줘'라는 다른 프롬프트를 작성할 수 있습니다. Gemini는 더욱 우수하게 오류를 처리하는 수정된 코드 스니펫을 제공하므로 프로덕션에 즉시 사용 가능한 코드를 더 빠르게 빌드할 수 있습니다.