Module 03Phase 125분

바이브코딩을 위한 개발자 용어 총정리

개발자가 되기 위한 암기가 아니라, AI와 대화할 때 길을 잃지 않기 위한 최소 언어를 익힙니다.

핵심 메시지

용어는 외우는 것이 아니라, AI와 대화할 때 길을 잃지 않기 위한 지도입니다.

네 가지 비유로 한 번에

HTML = 뼈대

🦴

CSS = 옷

👕

Database = 기억의 창고

📦

API = 번역기·연결 통로

🔌

검색과 분류

용어 사전

처음이라면

Frontend, Backend, Database, API, Prompt, MVP부터 살펴보세요.

Lovable을 쓰려면

Full Stack, Authentication, Secret, Deploy, GitHub를 알아두면 좋습니다.

AI 기능을 넣으려면

LLM, API Call, Token, MCP, RAG, Hallucination을 살펴보세요.

파일 이름이 낯설다면

JSON, Markdown, CSV, .env, package.json부터 살펴보세요.

추천 검색어:

비교 카드

함께 알아두면 좋은 용어의 차이

비슷해 보이지만 역할이 다른 용어를 비교해 보면 개발 구조를 더 쉽게 이해할 수 있습니다.

Git과 GitHub

Git

내 컴퓨터에서 코드와 파일의 변경 이력을 기록하는 버전 관리 도구.

GitHub

Git으로 관리한 저장소를 인터넷에 저장하고 공유·협업하는 서비스.

핵심 비유 · Git은 변경 이력을 기록하는 기능, GitHub는 그 기록을 보관하고 함께 쓰는 온라인 공간입니다.

한 줄 정리Git은 도구, GitHub는 서비스.

Repository와 GitHub

Repository

하나의 프로젝트 코드와 변경 기록을 담는 저장소.

GitHub

여러 Repository를 온라인에서 저장하고 관리하는 플랫폼.

한 줄 정리Repository는 프로젝트 보관함, GitHub는 그 보관함을 제공하는 서비스.

API와 MCP

API

한 프로그램이 다른 프로그램의 기능이나 데이터를 요청하는 연결 방식.

MCP

AI 앱이 여러 외부 도구와 데이터 소스를 공통된 규칙으로 연결하도록 만든 공개 프로토콜.

핵심 비유 · API가 개별 가게마다 다른 주문 방식이라면, MCP는 AI가 여러 가게와 연결할 때 쓰는 공통 주문 규격입니다.

한 줄 정리API는 서비스 간 연결 방법, MCP는 AI와 도구 연결을 표준화한 규격.

⚠️ MCP가 API를 없애는 것은 아닙니다. MCP 서버가 실제 외부 서비스와 통신할 때 내부적으로 API를 사용할 수도 있습니다.

API와 SDK

API

서비스가 제공하는 기능을 호출하기 위한 규칙과 접점.

SDK

그 API를 더 쉽게 사용하도록 코드, 예제, 도구를 묶어 제공한 개발 도구 세트.

한 줄 정리API는 사용할 기능의 규칙, SDK는 그 기능을 쉽게 쓰게 해주는 도구 모음.

Frontend, Backend, Full Stack

Frontend

사용자가 보고 조작하는 화면.

Backend

화면 뒤에서 데이터와 규칙을 처리하는 기능.

Full Stack

Frontend와 Backend, Database, 배포까지 전체 영역을 함께 다루는 것.

한 줄 정리화면은 Frontend, 처리·저장은 Backend, 전체를 연결하면 Full Stack.

Authentication과 Authorization

Authentication

사용자가 누구인지 확인하는 과정.

Authorization

확인된 사용자에게 어떤 기능과 데이터를 허용할지 정하는 과정.

핵심 비유 · 인증은 신분증 확인, 권한은 출입 가능한 공간을 정하는 것입니다.

한 줄 정리인증은 누구인가, 권한은 무엇을 할 수 있는가.

Local Storage와 Database

Local Storage

현재 사용자의 브라우저에 간단한 값을 저장.

Database

서버에서 여러 사용자의 데이터를 구조적으로 저장하고 관리.

한 줄 정리개인 기기에 간단히 저장하면 Local Storage, 여러 사용자의 기록을 관리하면 Database.

Deploy, Hosting, Domain

Deploy

앱을 인터넷에서 실행할 수 있도록 올리는 과정.

Hosting

배포한 앱 파일과 서버를 실제로 보관하고 제공하는 서비스.

Domain

사용자가 앱에 접속할 때 입력하는 주소.

한 줄 정리Deploy는 올리는 과정, Hosting은 올려두는 공간, Domain은 찾아가는 주소.

Development, Staging, Production

Development

기능을 만들고 수정하는 개발 환경.

Staging

정식 공개 전에 실제 환경처럼 시험하는 환경.

Production

실제 사용자가 이용하는 정식 환경.

한 줄 정리개발 → 최종 시험 → 실제 운영.

Prompt, PRD, Code

Prompt

AI에게 지금 수행할 작업을 설명하는 지시.

PRD

앱 전체의 목적, 대상, 기능, 화면과 기준을 정리한 설계 문서.

Code

설계와 지시를 실제로 작동하게 만드는 명령의 집합.

한 줄 정리PRD는 전체 설계, Prompt는 작업 지시, Code는 실제 구현.

Lovable AI와 외부 AI API

Lovable AI

러버블 안에서 별도의 API 키 설정을 줄이고 생성형 AI 기능을 빠르게 붙이는 방식.

외부 AI API

Gemini, OpenAI, Claude 등 외부 회사의 API 키와 모델을 직접 연결하는 방식.

한 줄 정리빠른 MVP는 Lovable AI, 모델·비용·이전성을 직접 관리하려면 외부 API.

⚠️ Lovable AI도 내부적으로 AI 모델과 서버 자원을 사용하는 기능이므로 사용량과 비용을 확인해야 합니다.

JSON과 CSV

JSON

중첩 구조와 다양한 데이터 형식을 표현하기 좋음.

CSV

행과 열로 된 단순한 표 데이터를 저장하기 좋음.

한 줄 정리복잡한 앱 데이터는 JSON, 명렬·점수표 같은 표 데이터는 CSV.

Markdown과 HTML

Markdown

간단한 기호로 빠르게 문서를 작성하는 형식.

HTML

웹페이지의 구조와 요소를 세밀하게 표현하는 언어.

한 줄 정리간단한 문서 작성은 Markdown, 웹페이지 구조 제작은 HTML.

JSON과 YAML

JSON

프로그램이 읽고 처리하기 쉽고 API 데이터에 많이 사용됨.

YAML

사람이 읽기 쉬운 설정 파일에 많이 사용되며 들여쓰기가 중요함.

한 줄 정리데이터 교환은 JSON, 사람이 편집하는 설정은 YAML이 자주 사용됨.

.env와 Secret 저장소

.env

개발 환경에서 환경 변수를 저장하는 로컬 설정 파일.

Secret 저장소

배포된 서버 환경에서 API 키와 비밀값을 안전하게 보관하는 기능.

한 줄 정리로컬 설정은 .env, 운영 비밀값은 서버 측 Secret 저장소.

⚠️ .env 파일만 사용한다고 API 키가 자동으로 안전해지는 것은 아닙니다. 브라우저에 전달되는 값은 노출될 수 있으므로 비밀키는 서버 측 Secret 저장소와 Server Function에서 사용해야 합니다.

package.json과 package-lock.json

package.json

프로젝트가 필요로 하는 라이브러리와 실행 명령을 정의.

package-lock.json

실제로 설치된 라이브러리의 정확한 버전을 기록.

한 줄 정리package.json은 필요한 재료 목록, lock 파일은 실제 사용한 정확한 버전 기록.