14명 접속 (4h)

서울 20:11

AI를 배우면
인생이 바뀝니다

코딩을 몰라도 괜찮아요!
AI가 대신 만들어주는 시대, 지금 시작하세요.

가입하고 역량 평가를 받으세요

내 레벨에 맞는 쉬운 레슨부터 시작

퀴즈·배틀·게임으로 재미있게 레벨업!

로드맵을 따라 체계적으로 성장

가입비 없음 · 클릭 한 번이면 시작

📱 가입 & 스레드 연동 안내

모바일 Google 로그인으로 먼저 가입하세요

PC 스레드 연동은 PC에서 진행해주세요

모바일 스레드 연동은 현재 불안정 · PC에서 연동 후 사용하세요

🗺️ 학습 로드맵 미리보기

⚔️yoonoil배틀 승리! +50XP📚CloudSurfer1퀘스트 클리어!📚마지라퍼전인하퀘스트 클리어!⚔️성장하는다인배틀 승리! +50XP📚마지라퍼전인하퀘스트 클리어!⚔️노력하는시아배틀 승리! +50XP🎉bossLv.4 달성!⚔️StackGuru1배틀 승리! +50XP🎉@YuJinJangLv.6 달성!🎉노력하는시아Lv.53 달성!⚔️노력하는시아배틀 승리! +50XP🎉choi_h_jun_Lv.3 달성!📚CloudSurfer1퀘스트 클리어!🎉새벽의소율1Lv.6 달성!⚔️yoonoil배틀 승리! +50XP⚔️yoonoil배틀 승리! +50XP📚CloudSurfer1퀘스트 클리어!📚마지라퍼전인하퀘스트 클리어!⚔️성장하는다인배틀 승리! +50XP📚마지라퍼전인하퀘스트 클리어!⚔️노력하는시아배틀 승리! +50XP🎉bossLv.4 달성!⚔️StackGuru1배틀 승리! +50XP🎉@YuJinJangLv.6 달성!🎉노력하는시아Lv.53 달성!⚔️노력하는시아배틀 승리! +50XP🎉choi_h_jun_Lv.3 달성!📚CloudSurfer1퀘스트 클리어!🎉새벽의소율1Lv.6 달성!⚔️yoonoil배틀 승리! +50XP

🗺️ 나의 학습 로드맵

전체보기 →

🚀

Lv.1 AI 도구 입문 🔒

ChatGPT, Claude 사용법 배우기

7개

💡

Lv.4 노코드 바이브코딩 🔒

코드 없이 AI로 앱 만들기

5개

🎮

Lv.6 게임 만들기 🔒

테트리스, 갤러그 직접 만들기!

8개

🔄

Lv.10 Make.com 자동화 🔒 HOT

코드 없이 업무 자동화 만들기

50개

🐍

Lv.20 Python & 도구 제작 🔒

PDF 도구를 직접 만들어보기

20개

🌐

Lv.30 웹사이트 만들기 🔒

HTML, CSS, JS로 나만의 사이트

20개

💰

Lv.50 SaaS로 수익 만들기 🔒

AI 서비스로 주 50만원 수익 달성

50개

🔮

Lv.60 MCP & Claude Code 🔒

AI 에이전트 고급 활용

14개

🗺️ 전체 로드맵 보기 (100레벨) →

🎮 지금 바로 해보기

⭕

OX 퀴즈

AI·코딩 상식
맞다 틀리다!

누구나 가능

🧩

단어 맞추기

AI 용어와 뜻을
짝지어 보세요

누구나 가능

⚡

스피드 퀴즈

10초 안에
정답을 골라라!

두근두근

⚔️

실시간 배틀

다른 유저와
1:1 퀴즈 대결!

XP 획득

📚

레슨 퀘스트

AI 기초부터
단계별 학습

레벨업

-- : -- : --

일일 미션 리셋까지

매일 자정에 배틀·복습·출석 보상 초기화

⚔️

BATTLE ARENA

지금 바로 도전하고 XP를 뺏어오세요!

진행중

오늘 완료

오늘 전체

💡 XP 얻는 방법

⚔️ 배틀 승리 +100

📚 레슨 완료 +50~500

💬 글쓰기 +10

💬 답글 달기 +15

📣 응원 보내기 +10

👋 고수 답변 +200

🔄 복습 퀴즈 +50

🔥 매일 출석 +20

🚀 빠른 레벨업 전략

⚔️

+300 XP

배틀 승리

다른 유저에게 도전!

📚

+100 XP

레슨 완료

퀘스트 클리어하기

🔄

+50 XP

복습 퀴즈

매일 복습 보너스

💬

+30 XP

커뮤니티

글쓰기·댓글 XP

🔥

+20 XP

매일 출석

연속 출석 보너스!

QUICK QUIZ +10 XP

Suno AI의 용도는?

A텍스트 생성

B코드 생성

CAI 음악 생성

D이미지 생성

📈 오늘의 DEVFOIL

레슨 완료

TODAY

배틀 완료

TODAY

신규 가입

TODAY

접속중

NOW

📊 레벨 분포

1103

1-5

313

6-10

183

11-15

16-20

21-30

31+

🔥 이번주 TOP 활동가

DevFoil

Level 58

↑ 211,058 XP

@Soweq

Level 56

↑ 175,734 XP

꿈식맨

Level 54

↑ 149,708 XP

yoonoil

Level 54

↑ 149,138 XP

노

노력하는시아

Level 53

↑ 137,342 XP

🔒 해금 대기중

PREMIUM · Lv.50

SaaS 수익 시스템

AI Agent SaaS로 주 50만원 수익 구조를 설계하고 실제로 구현하는 과정입니다. 결제 시스템부터...

🔑 레벨 50에서 해금

ADVANCED · Lv.40

서버 & DOM 심화

클라이언트-서버 아키텍처를 이해하고 DOM을 자유자재로 조작하는 실전 스킬을 배웁니다...

🔑 레벨 40에서 해금

INTERMEDIATE · Lv.30

HTML·CSS·JS 실전

웹 개발의 핵심 3요소를 실전 프로젝트와 함께 마스터합니다. 반응형 디자인부터...

🔑 레벨 30에서 해금

📚 FEATURED LESSONS

🔒

💬

Lv.1

코딩이 뭐야?

컴퓨터에게 말 거는 법, 5분이면 이해!

⏱ 3분 +30 XP

🔒

🌐

Lv.1

웹사이트의 비밀

주소창에 URL 치면 무슨 일이 벌어질까?

⏱ 4분 +30 XP

🔒

📱

Lv.1

앱 vs 웹 차이

앱스토어 앱과 브라우저 웹, 뭐가 다를까?

⏱ 3분 +30 XP

🔒

📝

Lv.2

프로그래밍 언어 종류

Python, JavaScript, HTML 뭐가 뭔지 한눈에!

⏱ 5분 +40 XP

🔒

👨‍💻

Lv.2

개발자가 하는 일

프론트엔드·백엔드·풀스택 쉽게 이해하기

⏱ 4분 +40 XP

🔒

🤔

Lv.2

왜 AI 시대엔 코딩?

AI가 다 해주는데 왜 배워야 할까?

⏱ 4분 +40 XP

🔒

🎓

Lv.3

AI는 어떻게 배울까

사람처럼 공부? AI 학습 원리 초간단 설명

⏱ 5분 +50 XP

🔒

🚫

Lv.3

AI가 못하는 것

AI 만능 아님! 한계를 알면 더 잘 쓸 수 있어

⏱ 4분 +50 XP

🔒

⚖️

Lv.3

AI 윤리와 저작권

AI로 만든 건 내 거? 알아야 할 기본 규칙

⏱ 5분 +50 XP

🔒

🏠

Lv.3

일상 속 AI 활용

번역·요약·이메일·보고서, AI 바로 써보기

⏱ 6분 +50 XP

🔒

📋

Lv.4

복붙 코딩의 기술

AI 코드 복사→붙여넣기→실행, 이게 바이브코딩!

⏱ 5분 +50 XP

🔒

🦴

Lv.4

HTML이 뭔데?

웹의 뼈대! 태그 5개만 알면 페이지 완성

⏱ 7분 +50 XP

🔒

🎨

Lv.4

CSS 색칠공부

색상·폰트·배경 바꾸기, AI에게 요청하는 법

⏱ 6분 +50 XP

🔒

⚡

Lv.4

JavaScript 첫 만남

버튼 클릭하면 반응! 동작의 원리 이해하기

⏱ 6분 +50 XP

🔒

🔍

Lv.5

브라우저 개발자도구

F12 누르면 열리는 마법의 창, 이렇게 활용해!

⏱ 7분 +50 XP

🔒

📐

Lv.5

레이아웃 기초

위-아래-좌-우, 화면 배치의 핵심 개념

⏱ 8분 +50 XP

🔒

📲

Lv.5

반응형이 뭐야?

폰에서도 예쁜 사이트, 모바일 대응 기초

⏱ 6분 +50 XP

🔒

🖼️

Lv.5

이미지 다루기

웹에 사진 넣기, 크기 조절, 무료 이미지 찾기

⏱ 5분 +50 XP

🔒

🎯

Lv.6

버튼에 생명 불어넣기

클릭·호버·애니메이션, 인터랙션의 기초

⏱ 8분 +60 XP

🔒

🔀

Lv.6

변수와 조건문

"만약 점수가 100이면..." 프로그래밍 논리 입문

⏱ 7분 +60 XP

🔒

🔄

Lv.6

반복문으로 자동화

같은 작업 100번? 한 줄이면 끝! 반복의 마법

⏱ 7분 +60 XP

🔒

🖌️

Lv.6

Canvas로 그림 그리기

코드로 도형·색상·그래픽 만드는 첫걸음

⏱ 10분 +60 XP

🔒

📂

Lv.7

파일과 폴더의 세계

경로·확장자·숨김파일, 컴퓨터 정리의 기본

⏱ 5분 +60 XP

🔒

⌨️

Lv.7

키보드 단축키 마스터

Ctrl+C/V 그 이상! 개발자처럼 빠르게 작업하기

⏱ 6분 +60 XP

🔒

⚙️

Lv.7

코드 에디터 세팅

테마·폰트·확장프로그램, 나만의 작업환경 꾸미기

⏱ 8분 +60 XP

🔒

🤖

Lv.8

AI 에이전트란?

단순 채팅 vs 스스로 행동하는 AI, 핵심 차이

⏱ 6분 +80 XP

🔒

📦

Lv.8

Node.js & npm 입문

설치만 하면 끝! 개발 도구의 기본 세팅

⏱ 8분 +80 XP

🔒

🔌

Lv.8

MCP 서버 개념

AI에게 도구를 쥐여주는 새로운 표준

⏱ 7분 +80 XP

🔒

💡

Lv.9

프로젝트 기획하는 법

아이디어 → 기능 목록 → 화면 설계, 3단계 기획법

⏱ 8분 +80 XP

🔒

💾

Lv.9

데이터 저장 기초

localStorage로 브라우저에 데이터 저장하기

⏱ 7분 +80 XP

🔒

📝

Lv.9

폼과 입력 처리

텍스트·체크박스·드롭다운, 사용자 입력 받기

⏱ 8분 +80 XP

🔒

✅

Lv.10

AI에게 코드 리뷰 받기

"이 코드 검사해줘" 한 마디로 품질 UP

⏱ 6분 +100 XP

🔒

📄

Lv.10

프롬프트 템플릿 만들기

자주 쓰는 요청을 템플릿으로 저장해두기

⏱ 7분 +100 XP

🔒

🕵️

Lv.10

AI 답변 검증하기

할루시네이션 잡는 법, AI 결과 팩트체크 요령

⏱ 6분 +100 XP

🔒

🍽️

Lv.11

서버가 뭔지 한방 이해

식당 비유로 배우는 클라이언트-서버 구조

⏱ 5분 +100 XP

🔒

🏠

Lv.11

도메인과 호스팅

내 사이트 주소 만들기, 무료 호스팅 활용법

⏱ 8분 +100 XP

🔒

🔗

Lv.11

API가 뭐야?

레스토랑 웨이터처럼! 프로그램끼리 대화하는 법

⏱ 6분 +100 XP

🔒

📊

Lv.12

배열과 객체 기초

데이터를 묶고 정리하는 2가지 방법

⏱ 8분 +100 XP

🔒

{ }

Lv.12

JSON 실전 연습

AI가 쓰는 데이터 형식, 직접 읽고 써보기

⏱ 7분 +100 XP

🔒

🗄️

Lv.12

데이터베이스 개념

엑셀 표 같지만 100배 강력! DB란 무엇인가

⏱ 6분 +100 XP

🔒

🎭

Lv.13

역할 부여 프롬프팅

"전문가처럼 행동해" AI 성능 2배 올리는 비법

⏱ 6분 +120 XP

🔒

🧩

Lv.13

단계별 사고 유도

"차근차근 생각해봐" Chain-of-Thought 기법

⏱ 7분 +120 XP

🔒

🎯

Lv.13

Few-shot 예제 기법

예시 3개만 보여주면 AI가 패턴을 학습!

⏱ 7분 +120 XP

🔒

🔄

Lv.14

HTTP 통신 흐름

요청→응답, 웹이 돌아가는 진짜 원리

⏱ 8분 +120 XP

🔒

🍪

Lv.14

쿠키·세션·토큰

로그인이 유지되는 비밀, 인증의 3가지 방식

⏱ 8분 +120 XP

🔒

🛡️

Lv.14

보안 기초 체크리스트

XSS·SQL인젝션, 해킹 당하지 않는 기본 수칙

⏱ 7분 +120 XP

🔒

🏛️

Lv.15

프론트 vs 백엔드 실전

화면은 프론트, 두뇌는 백엔드! 역할 완전 정리

⏱ 7분 +120 XP

🔒

🔐

Lv.15

환경변수와 .env

API 키를 안전하게 숨기는 방법

⏱ 6분 +120 XP

🔒

🏗️

Lv.16

AI 앱 설계 패턴

입력→AI처리→출력, 모든 AI 앱의 공통 구조

⏱ 8분 +150 XP

🔒

🎨

Lv.16

UI/UX 기초 감각

사용자가 편한 화면, 디자인 센스 기르기

⏱ 8분 +150 XP

🔒

⚙️

Lv.17

자동화 사고방식

"반복하는 일 = 자동화 대상" 업무 효율 10배

⏱ 7분 +150 XP

🔒

🕸️

Lv.17

크롤링 개념 이해

웹에서 데이터 자동 수집하는 원리와 윤리

⏱ 8분 +150 XP

🔒

💰

Lv.18

SaaS란 무엇인가

구독형 서비스의 구조와 수익 모델 이해

⏱ 7분 +180 XP

🔒

💳

Lv.18

결제 시스템 개념

Stripe·토스, 온라인 결제가 작동하는 원리

⏱ 8분 +180 XP

🔒

🚀

Lv.19

Vercel 무료 배포

클릭 3번으로 내 사이트 전 세계에 공개!

⏱ 8분 +180 XP

🔒

🔎

Lv.19

SEO 기초

구글 검색에 내 사이트 노출시키는 핵심 방법

⏱ 7분 +180 XP

🔒

🗺️

Lv.20

풀스택 프로젝트 설계

프론트+백+DB+AI, 전체 구조를 한눈에!

⏱ 10분 +200 XP

🔒

🦄

Lv.20

코드 없이 창업하기

바이브코딩으로 MVP 만들고 런칭하는 로드맵

⏱ 10분 +200 XP

🗺️ LEARNING ROADMAP

🔒

STAGE 1 Lv.1-10

AWAKENING

AI 세계의 첫 발걸음

기본 용어 AI 도구 비교 첫 질문하기

🔒

STAGE 2 Lv.11-20

FOUNDATION

바이브코딩 기초 마스터

Cursor AI NotebookLM 프롬프트 기초

🔒

STAGE 3 Lv.21-30

EXPLORATION

실전 프로젝트 시작

웹페이지 제작 에러 해결 GitHub 배포

🔒

STAGE 4 Lv.31-40

BUILDING

터미널 & CLI 정복

터미널 명령어 Git 버전관리 자동화 스크립트

🔒

STAGE 5 Lv.41-50

MASTERY

Claude Code 활용

Claude Code 멀티파일 편집 AI 에이전트

+ Stage 6~10 더 보기

EXPERTISE → LEGEND → TRANSCENDENT

📊 COMMUNITY STATS

👥

2,378

누적 교육수

🔥

72 (18)

접속자

⏱

341시간

누적 교육시간

📚

309

총 레슨

COMMUNITY

피드 로딩중...

🚀 COMING SOON

🤝

팀 퀘스트

친구와 함께 프로젝트 완성하기

SOON

🏅

뱃지 & 업적

업적 달성으로 한정 뱃지 수집

SOON

📸

이미지 업로드

커뮤니티에 사진 첨부 기능

SOON

🏆 TOP COMMANDERS

DevFoil

Level 58

211,058 XP

@Soweq

Level 56

175,734 XP

꿈식맨

Level 54

149,708 XP

yoonoil

Level 54

149,138 XP

노력하는시아

Level 53

137,342 XP

로그인이 필요합니다

LEVEL PROGRESSION

100 레벨 시스템 · 당신의 여정

Lv.1 Lv.50 Lv.100

🚀

🚀 Lv.1

AWAKENING Lv.1~19

입문 구간 · XP 50~500/레벨

FOUNDATION Lv.20~29

기초 구간 · XP 500~1,000/레벨

EXPLORATION Lv.30~39

탐험 구간 · XP 1,000~2,000/레벨

BUILDING → MASTERY Lv.40~50

구축 · Lv.45부터 경험치 2배 적용 (4,000→8,000)

EXPERTISE Lv.51~60

전문가 · Lv.60부터 경험치 추가 2배 (12,000→24,000)

AUTHORITY Lv.61~70

권위자 · XP 32,000/레벨

LEGEND Lv.71~80

전설 · XP 48,000/레벨 · 만렙까지 103만 XP

MYTHIC Lv.81~90

신화 · XP 72,000/레벨 · 총 175만 XP 필요

TRANSCENDENT Lv.91~100

초월 · XP 120,000/레벨 · 만렙 295만 XP

LEARNING ROADMAP

레벨 구간별 학습 여정 · 함께 성장하기

🌱

Lv.1-10

Seedling

LOCKED

AI 도구 입문 & 기초

도

+1411

🌿

Lv.11-20

Sprout

LOCKED

실전 AI 활용 시작

+221

🌳

Lv.21-30

Sapling

LOCKED

개발 도구 심화

🔥

Lv.31-40

Blazer

LOCKED

프로젝트 실전 경험

⚡

Lv.41-50

Striker

LOCKED

아키텍처 & 설계

💎

Lv.51-60

Diamond

LOCKED

전문 영역 확장

노

🔮

Lv.61-70

Mystic

LOCKED

고급 엔지니어링

👑

Lv.71-80

Crown

LOCKED

리더십 & 혁신

🌟

Lv.81-90

Stellar

LOCKED

마스터 레벨

🏆

Lv.91-100

Legend

LOCKED

전설의 경지

레벨별 필요 경험치

Lv.1 Lv.25 Lv.50 Lv.75 Lv.100

1-10 1416

11-20 226

21-30 8

31-40 5

41-50

51-60 7

61-70

71-80

81-90

91-100

LEVEL

유저 분포

NEEDED

🚀Lv.1

👑 🔒 🥈

🥉

+440

Lv.2

👑

🥈 D 🥉 J +227

+200

Lv.3

👑

🥈 새 🥉 J +177

+200

Lv.4

👑 밤 🥈 B 🥉 몰 +131

+200

Lv.5

👑

🥈 B 🥉

+113

+200

Lv.6

👑 W 🥈 S 🥉 L +67

+200

Lv.7

👑 L 🥈 D 🥉

+58

+200

Lv.8

👑

🥈 N 🥉 M +60

+200

Lv.9

👑 D 🥈 S 🥉 A +55

+200

Lv.10

👑

🥈 C 🥉 파 +58

+200

GLOBAL RANKING

⚙️

SETTINGS

API 키 및 환경 설정

AI API KEYS

🔒

보안 안내
API 키는 서버에 저장되지 않습니다.
PIN과 결합하여 암호화된 후 브라우저 로컬에만 저장됩니다.

💡

API 키 활용 안내
학습 중 AI가 실시간으로 질문에 답하고, 맞춤형 예시를 생성하며, 코드를 설명해줍니다. 비용 효율적인 모델을 기본 선택했으니 부담 없이 사용하세요!

🤖

OpenAI (GPT)

세계 최대 AI 플랫폼

미설정

ChatGPT로 유명한 OpenAI의 API. 다양한 모델 중 용도에 맞게 선택하세요.

📋 API 키 발급 📖 모델 문서

모델 선택

💰 $0.10/1M 입력 · $0.40/1M 출력 · 최신 가성비 최고

🔮

Anthropic (Claude)

안전하고 정확한 AI

미설정

긴 문맥 이해와 정확한 응답이 강점. Claude Code로 터미널에서 코딩 자동화 가능.

📋 API 키 발급 📖 모델 문서

모델 선택

💰 $0.25/1M 입력 · $1.25/1M 출력 · 빠른 응답

💫

Google (Gemini)

무료 티어 제공!

미설정

Google AI Studio에서 무료로 시작 가능! 넉넉한 무료 할당량 제공.

📋 API 키 발급 (무료) 📖 모델 문서

모델 선택

🆓 무료 티어: 분당 15회 · 일 1500회 요청 가능

⚡

xAI (Grok)

실시간 정보 접근

미설정

X(Twitter) 실시간 정보 접근 가능. 유머러스하고 솔직한 응답 스타일.

📋 API 키 발급 📖 모델 문서

모델 선택

💰 $0.05/1M 입력 · $0.10/1M 출력 · 가장 저렴

자동 저장됨! 입력한 API 키는 자동으로 저장됩니다. 새로고침해도 유지됩니다.

닉네임 설정

현재 닉네임

직접 입력

THREADS 연동

💰 유료 컨텐츠 50% 할인

🎓 학습 진행 공유 기능

✨ @devfoil.official 팔로우시 프리미엄 무료!

🧪 BETA

현재 베타 테스트 중입니다

테스트 참여를 원하시면 관리자에게 Threads 계정(@사용자명)을 알려주세요.

1 관리자에게 테스트 참여 요청

2 Threads 앱 → 설정 → 계정 → 앱 및 웹사이트

3 "테스터 초대" 수락

4 DEVFOIL에서 Threads 연동!

🧵 Threads로 계속하기

GOOGLE 연동

Google로 계속하기

ABOUT

Version2.0.0

Last Updated2026.04.03

개인정보처리방침

Make.com 자동화 커리큘럼

피드 로딩중...

🐛

버그 제보

오류를 발견하면 제보해주세요. 수정 시 XP 보상!

📝 새 버그 제보

수정 완료 시 관리자가 XP를 보상합니다 (최대 10,000 XP)

로딩 중...

📊 스킬 체크리스트

🎮 미니게임 배틀

🎮 게임

📚 FEATURED LESSONS (58)

📊 스킬 체크리스트

🎮 미니게임 배틀

🎮 게임