Choorai

60분 완주 챌린지

Step 1/6

0%
예상 소요시간: 60분

1단계: 사전 준비

코딩을 전혀 몰라도 괜찮습니다. AI의 도움을 받아 60분 안에 첫 번째 웹서비스를 배포해봅시다. 이 단계에서는 필요한 계정과 도구를 준비합니다.

TL;DR (5줄 요약)

  • GitHub, Cloudflare 계정 생성 (무료)
  • Antigravity 또는 VS Code 설치
  • Node.js 설치
  • 터미널 사용법 익히기
  • AI 채팅 준비 (ChatGPT, Claude 등)

시작 전에 알아둘 용어

  • 프론트엔드: 사용자가 보는 화면(웹 UI)입니다.
  • 백엔드: 화면 뒤에서 데이터/로직을 처리하는 서버입니다.
  • API: 프론트엔드와 백엔드가 대화하는 약속(통신 규칙)입니다.
  • 배포(Deploy): 내 컴퓨터 앱을 인터넷에서 접속 가능하게 공개하는 과정입니다.

1필수 계정 준비

아래 두 서비스는 모두 무료입니다. 신용카드 등록 없이 시작할 수 있어요.

용어 팁: GitHub / Cloudflare

  • Git: 코드 변경 이력을 저장하는 도구입니다. GitHub는 이 Git 저장소를 웹에 올려두는 서비스입니다.
  • Repository(저장소): 프로젝트 파일과 변경 이력을 함께 담는 공간입니다.
  • DNS: 도메인 주소를 실제 서버 주소로 연결하는 시스템입니다.
  • 심화 학습: Git 기초, DNS 기초

2개발 도구 설치

코드 에디터

아래 중 하나를 설치하세요. Antigravity를 추천합니다 (무료 + Gemini AI 내장).

Node.js 설치

JavaScript 실행 환경입니다. LTS 버전을 설치하세요.

Python 설치

백엔드 개발에 사용됩니다. Python 3.10 이상을 설치하세요.

설치 확인

설치 후 터미널에서 아래 명령어로 확인하세요:

터미널
node --version
npm --version
python3 --version

3AI 어시스턴트 준비

이 튜토리얼에서는 AI의 도움을 적극 활용합니다. 아래 중 하나를 사용하세요:

  • ChatGPT (무료/유료)
  • Claude (무료/유료)
  • Antigravity 내장 AI (에디터 설치 시 포함, Gemini 기반)

시작 프롬프트

복사해서 사용하세요

"나는 프로그래밍을 전혀 몰라. React와 FastAPI로 간단한 할 일 목록 앱을 만들고 Cloudflare에 배포하고 싶어. 단계별로 아주 쉽게 설명해줘."

위 프롬프트를 AI에게 복사해서 붙여넣어 보세요. 친절한 답변을 받을 수 있습니다.

Step 1 완료 체크리스트

0/3 완료

마지막 업데이트: 2026년 2월 22일 · 버전: v0.0.1

피드백 보내기

입력한 내용으로 새 이슈 페이지를 엽니다.

GitHub 이슈로 보내기