깃허브, 자연어 설명으로 '마이크로 앱'을 빠르게 빌드할 수 있는 깃허브 스파크(프리뷰) 출시

GitHub는 사용자가 자연어 설명만으로 마이크로 앱을 빌드하고 공유할 수 있어 소프트웨어 개발의 장벽을 획기적으로 낮춰주는 GitHub Spark라는 주요 신제품을 발표했습니다. 사용자는 프로그래밍에 대한 깊은 지식이 없어도 시스템이 모든 기술적 세부 사항을 자동으로 처리하고 실시간으로 앱 구축 과정을 보여줄 뿐만 아니라 '마이크로앱' 또는 '스파크'라는 새로운 AI 도구를 구축할 수 있습니다. 마이크로 애플리케이션을 빌드하기 위해 사용자는 초기 프롬프트로 시작하면 Spark가 몇 초 안에 실시간 미리보기를 보여줍니다. 그런 다음 사용자는 봇과 앞뒤로 상호 작용하여 미세 조정할 수 있습니다.

깃허브 스파크

AI와 완전 관리형 런타임 환경을 사용하여 누구나 스스로 소프트웨어를 만들거나 조정할 수 있도록 지원할 수 있을까요?

개인화된 마이크로 애플리케이션("스파크") 구축 및 공유

개발자로서 저희는 환경을 맞춤화하고 각자의 선호도와 워크플로에 맞는 도구를 구축하는 데 열정을 쏟고 있습니다. 이는 생산성과 작업 편의성을 향상시킬 뿐만 아니라 일상 업무를 더욱 개성 있게 만들어 줍니다. 그리고 무언가가 개인화되면 일반적으로 더 재미있습니다.

하지만 닷파일 관리, 자동화 스크립트 작성, 에디터 설정 구성에 많은 시간을 투자하면서도 자체 앱을 만들겠다는 생각을 포기한 적이 몇 번이나 있을까요? 앱을 만들 수 없어서가 아니라 너무 일시적이거나 구체적이거나 시간이 많이 걸려서 우선순위를 정할 가치가 없어 보였기 때문입니다. 😩

오늘날 소프트웨어의 아이러니 중 하나는 책상 위와 주머니 속에 있는 컴퓨터가 매우 강력하지만 '개인화'되어 있지 않다는 점입니다. 대신, 우리는 독점 애플리케이션을 만드는 데 따르는 복잡성이 너무 크기 때문에 다른 사람들이 설계한 일반적인 도구에 의존합니다.

개발 환경을 개인화하는 것만큼 쉽게 소프트웨어를 개인화할 수 있는 방법은 무엇일까요? 그리고 어떻게 하면 주변 사람들이 쉽게 개인화할 수 있을까요? 단지 필요해서가 아니라 재미있을 수 있기 때문에 🙌.

GitHub Spark 소개

GitHub Spark는 사용자의 필요와 선호도에 맞게 조정할 수 있고 데스크톱 및 모바일 장치에서 바로 사용할 수 있는 마이크로 애플리케이션("스파크")을 만들고 공유하기 위한 AI 기반 도구입니다.코드를 작성하거나 배포할 필요가 없습니다.

이는 긴밀하게 통합된 세 가지 구성 요소를 통해 이루어집니다:

1. 자연어 기반 편집기로 아이디어를 쉽게 설명하고 시간이 지남에 따라 구체화할 수 있습니다.
2. 스파크 호스팅 및 데이터 저장소, 테마 설정 및 LLM(대규모 언어 모델)에 대한 액세스를 제공하기 위한 호스팅 런타임 환경
3. 언제 어디서나 스파크 관리 및 실행이 가능한 PWA 지원 제어판

또한 GitHub 스파크에서는 다른 사용자와 스파크를 공유하고 읽기 전용 또는 읽기-쓰기 액세스 권한을 제어할 수 있습니다. 사용자는 스파크에 북마크를 지정하여 직접 사용하거나 취향에 맞게 리믹스할 수 있습니다. 결국 ...... 개인화하세요!

이제 어떻게 작동하는지 살펴봅시다 🎬.

"마이크로 애플리케이션"이란 무엇인가요?

GitHub Spark는 소프트웨어는 한 번에 한 가지 일에 집중하고, 특히 사용자에게 유용할 때만 매우 잘 수행할 수 있다는 Unix의 철학을 따릅니다. 따라서 "마이크로"는 애플리케이션의 가치 크기가 아니라 애플리케이션이 설계되었을 때의 기능적 복잡성을 의미합니다.

예를 들어, 다음은 GitHub Spark 개발팀이 만든(그리고 사용한!) 몇 가지 스파크입니다. 이러한 앱은 생활 관리 도구부터 학습 보조 도구, 재미있는 애니메이션, 뉴스 클라이언트까지 다양합니다. 하지만 모두 한 가지 공통점이 있습니다. 제작자가 의도한 대로 모양과 느낌을 그대로 구현했다는 점입니다. 더도 말고 덜도 말고 딱 좋아요 ❤️

읽기 전용 또는 읽기-쓰기 모드(부모용) 중에서 선택할 수 있고, 큰 언어 모델을 사용하여 저축 목표에 도달하면 축하 메시지를 생성하는 어린이용 용돈 추적 앱입니다.

6살 어린이가 상상하고 만든 애니메이션 자동차의 세계

주간 노래방의 밤을 추적하고 초대된 각 게스트의 상태를 보여주는 앱

도시 이름으로 검색하고 대규모 언어 모델을 사용하여 해당 도시에 대한 흥미로운 요약 설명을 생성하는 지도 앱입니다. 10살짜리 학생들이 학교 프로젝트를 위해 만들고 사용하는 앱입니다.

상위 20개 게시물을 표시하고 대규모 언어 모델을 사용하여 댓글 스레드를 요약하는 사용자 지정 HackerNews 클라이언트(매우 유용합니다!) . 팀의 일일 HN 드라이버는 다음과 같습니다.

이러한 배경을 염두에 두고 GitHub Spark의 주요 구성 요소의 "무엇?"과 "왜?"에 대해 자세히 알아봅시다. 그리고 "왜?" 👍

자연어 기반 툴체인

앱을 만들 때는 원하는 것이 무엇인지 정확히 파악해야 합니다. 일반적인 아이디어뿐만 아니라 정확한 기능 세트, 세부적인 인터랙션 동작, 전체적인 모양과 느낌까지 말이죠. 안타깝게도 이 과정은 매우 복잡하고 심지어 어떤 사람들은 미루기도 합니다. 바로 이 문제를 저희가 해결하고자 합니다!

깃허브 스파크는 간단한 아이디어(예: "자녀의 용돈을 추적하는 앱")로 시작한 다음 "지원 탐색"을 통해 점차 복잡도를 높일 수 있어 이 문제를 완화해 줍니다. 특히 자연어 편집기는 네 가지 핵심 반복 기능을 통해 쉽고 재미있게 진행할 수 있도록 설계되었습니다:

1. 대화형 미리 보기
2. 수정된 변형
3. 자동 기록 기록
4. 모델 선택

대화형 미리 보기

GitHub Spark에 자연어 표현식을 입력하면 코드가 생성될 뿐만 아니라 즉시 실행되어 대화형 미리 보기에 표시됩니다. 이 "앱 중심 피드백 루프"를 사용하면 원하는 만큼 세부 사항을 지정한 다음 시각화가 사용자의 의도를 점진적으로 이해함에 따라 반복할 수 있습니다("흠, 여기에 토글 버튼이 필요한 것 같아요!"). .

수정된 변형

스파크에서 요청을 만들거나 반복할 때 변형 세트를 생성하도록 선택할 수 있습니다. 이렇게 하면 미묘하지만 의미 있는 차이가 있는 3~6개의 서로 다른 버전의 요청이 생성됩니다. 특정 기능이 필요하다는 것은 알지만 어떻게 생겼으면 좋을지, 어떻게 작동해야 할지 잘 모르겠다면 AI 사고 파트너처럼 아이디어를 확장할 수 있는 영감과 제안을 얻는 것이 도움이 될 수 있습니다!

불확실한 수정 요청에 대한 변형 요청("UI를 정말 재미있어 보이게 만들기")

자동 기록 기록

스파크에서 반복 작업을 수행하면 각 수정본이 자동으로 저장되고 클릭 한 번으로 복원할 수 있습니다. 따라서 진행 상황을 잃을 염려 없이 아이디어(및 변형)를 탐색할 수 있습니다. 더 중요한 것은 버전 관리를 직접 관리할 필요가 없다는 점입니다. 이 접근 방식은 애플리케이션에 부정적인 영향을 미칠까 걱정하지 않고 아이디어를 떠올리고 시도해 볼 수 있는 '호기심 중심 개발'을 지원합니다(예: 애플리케이션이 엉망이 되는 것).

히스토리는 누군가가 스파크에 대해 공유할 때 일종의 '시맨틱 뷰 소스'를 제공하기 때문에 협업의 관점에서도 매력적입니다. 저희는 깃허브 스파크를 만들면서 자연스럽게 새로운 아이디어를 서로 공유한 다음, 그 아이디어가 어떻게 구현되었는지 히스토리를 통해 바로 확인할 수 있었습니다. 마치 다른 사람의 아이디어가 연재되는 과정을 엿보는 것과 같습니다.

모델 선택

스파크 생성 또는 수정 시 Claude Sonnet 3.5, GPT-4o, o1-preview, o1-mini의 네 가지 AI 모델 중에서 선택할 수 있으며, 원하는 결과가 나오지 않을 경우 완전히 다른 모델로 되돌리고 다시 시도할 수 있다는 것이 장점입니다. 또한 이력은 각 개정에 사용된 모델을 추적하므로 시간에 따른 스파크의 진화를 관찰할 수 있습니다.

새 스파크 생성 시 모델 선택하기

기존 스파크 수정 시 모델 선택하기

호스팅 운영 환경

저희는 GitHub Spark를 "코드 중심" 도구가 아닌 "애플리케이션 중심" 도구라고 부릅니다. 코드를 보거나 편집할 수 없어서가 아니라(실제로는 가능합니다!) 사람들이 보고, 경험하고, 사용할 수 있는 도구를 만들 수 있도록 설계되었기 때문입니다. 하지만 코드를 생성한 다음 사용자가 직접 빌드, 배포, 데이터베이스 구성 등을 할 수 있도록 하는 것이 아니라 사람들이 보고, 경험하고, 사용할 수 있는 애플리케이션을 만들도록 설계되었기 때문입니다.

GitHub Spark는 런타임 환경의 네 가지 핵심 기능을 호스팅하여 이를 수행합니다:

1. 배포 없이 호스팅
2. 사용자 지정 가능한 테마가 있는 디자인 시스템
3. 영구 데이터 스토리지
4. 통합 모델 힌트

배포 없이 호스팅

스파크를 만들거나 수정하면 변경 사항이 자동으로 배포되고 데스크톱, 태블릿 또는 모바일 장치에서 실행 및 설치할 수 있습니다(PWA를 통해). 이런 의미에서 GitHub Spark는 소프트웨어를 만들고, 배포하고, 사용하는 과정을 자연어를 통해 아이디어를 표현하는 단일 작업으로 간소화하는 미니 앱 클라우드와 비슷합니다 🚀.

스파크 대시보드 보기 및 휴대폰에서 스파크 열기

사용자 지정 가능한 테마가 있는 디자인 시스템

앱이 멋지게 보이도록 GitHub Spark는 기본 제공 UI 구성 요소 세트와 사용자 지정 가능한 테마가 포함된 디자인 시스템을 제공합니다. 따라서 새 앱을 만들 때마다 양식 컨트롤, 레이아웃, 아이콘 등이 기본적으로 세련되게 보입니다. 더 조정하고 싶다면 테마 편집기를 사용하여 기본 강조 색상, 테두리 반경, 앱 간격 및 색상 테마(밝음/어두움)를 변경할 수 있습니다.

스파크 테마 속성 수정 전과 후 비교

영구 데이터 스토리지

할 일 목록, 정원 플래너, 틱택토 게임 등 대부분의 재미있는 앱은 데이터를 저장해야 하는데, GitHub Spark의 런타임은 호스팅된 키-값 저장소를 제공하고 언제 사용할지 자동으로 결정합니다. 또한 GitHub Spark는 스파크에서 사용하는 데이터를 쉽게 보고 편집할 수 있는 데이터 편집기를 제공합니다. 이를 통해 세부 사항에 대해 걱정할 필요 없이 애플리케이션의 상태를 완벽하게 제어할 수 있습니다.

스파크에 저장된 데이터 보기 및 특정 키/값 편집하기

통합 모델 힌트

GitHub Spark 런타임과 GitHub 모델통합을 통해 LLM에 대한 지식 없이도 생성형 AI 기능을 스파크에 추가할 수 있습니다(예: 요약 생성, 어린이 취침 시간 동화 생성). 또한 코드 편집 없이도 GitHub Spark에서 생성된 힌트를 보고 필요에 따라 조정할 수 있는 힌트 편집기를 제공합니다.

스파크에서 사용하는 AI 프롬프트를 보고 그중 하나를 수동으로 편집하세요.

휴! 정말 많은 내용입니다. 하지만 앱 제작 비용을 0으로 낮춘다는 GitHub Spark의 목표를 달성하기 위해서는 이러한 툴체인과 런타임 환경이 반드시 필요하다고 생각합니다. 사용자들이 사용 경험을 좋아하실 거라고 확신합니다 🥰.

다음 단계는 무엇인가요?

기술 프리뷰로서 GitHub Spark는 아직 초기 단계에 있으며 아직 해야 할 일이 많습니다. 하지만 앞으로 몇 달 동안 대기자 명단에 있는 사용자를 초대하여 매주 긴밀하게 소통할 수 있기를 기대합니다! 주간 업데이트. 이 여정에 동참하고 싶으시다면 다음을 확인하세요. 자주 묻는 질문에 가입하고 깃허브 넥스트의 Discord 서버 👋

앞으로의 방향이 궁금하다면 다음과 같은 내용을 살펴보세요:

1. 확장된 협업 방법(예: 공개 갤러리, 사용자가 스파크의 브랜치, 다중 사용자 모드에서 시맨틱 병합을 수행할 수 있는 기능)
2. 확장된 편집기 기능(예: 애플리케이션의 정확한 동작을 요약하고 조정할 수 있는 '엑스레이 모드' 제공)
3. 확장된 런타임 환경(예: 더 많은 기본 제공 구성 요소, 타사 서비스 통합 개선, 파일 저장소 및 벡터 검색 지원)
4. 아직 생각지도 못한 멋진 기능도 많이 있습니다!