00 · BRIEF

AI 코딩, 설치 없이 첫 결과물까지.

처음이라면 먼저 AI가 일할 장소만 고르면 됩니다. 브라우저에서 설치 없이 시작하거나, 에디터·터미널로 내 PC에서 이어갈 수 있어요.

01 · 시작 지점

어디에서 시작할까요?

브라우저·에디터·터미널은 같은 AI가 일하는 서로 다른 장소입니다. 지금 편한 곳을 고르세요.

  1. 01
    브라우저에서 · 설치 없이 바로

    계정과 브라우저만 있으면 됩니다. 첫 프롬프트를 따라 5분 동안 작은 결과물을 만들어봅니다.

  2. 02
    에디터에서 · 코드를 보며

    Cursor·VS Code 안에서 AI의 수정 제안을 눈으로 확인하고 클릭으로 반영합니다.

  3. 03
    터미널에서 · 파일과 실행까지

    Claude Code·Codex가 내 컴퓨터의 파일을 읽고 고치고 실행합니다. 개발환경은 한 줄로 준비할 수 있습니다.

02 · 다음 걸음

첫 결과물 다음은, 필요한 만큼 골라 이어가세요.

  1. 04
    lazy-starter-kit · 내 PC 개발환경 준비

    터미널·Git·Node·Python 환경을 운영체제에 맞춰 준비합니다.

  2. 05
    AI 에이전트 붙이기

    Claude Code·Codex가 프로젝트 파일을 함께 읽고 고치는 방식을 알아봅니다.

  3. 06
    AI로 게임 만들기 · Godot

    무료 엔진 Godot와 AI로 직접 움직여볼 수 있는 게임 씬을 만듭니다.

  4. 07
    도구 생태계 · 29개 도구

    에이전트에 붙여 쓰는 오픈소스 도구를 직접 열어보고 남긴 리뷰와 설치법.

03 · 재조판 기록

본채와 무엇이 다른가

hallmark의 다양화 규칙은 "이전 출력과 세 축 중 최소 한 축이 달라야 한다"입니다. 이 페이지는 본채와 세 축이 모두 다릅니다.

본채 (DESIGN.md)이 페이지 (hallmark)
종이라이트 · 신문지 (#fdfcf8)다크 · 터미널 (L 21%)
디스플레이헤비 산세리프 (Arial Black)모노스페이스 단일 서체
액센트잉크 블루 (링크 전용)포스포 그린
구조에디토리얼 렛저 (히어로+스토리보드)Long Document (번호 달린 한 문서)
모션스크롤 리빌 (reveal.js)없음 · 타이포그래피만