바코사전: 바이브 코더를 위한 AI 코딩 개념 사전

왜 만들었나요?

“Build가 뭔지 몰라서 한참 헤맸어요.”

AI로 웹사이트를 만들던 한 지인에게서 들은 말입니다. 원하는 화면까지는 만들었는데, 막상 인터넷에 공개하려니 Build, Deploy, Repository 같은 단어가 연달아 등장했습니다. AI가 알려주는 순서를 따라가면서도 지금 무엇을 하는 단계인지 알 수 없어 한참을 헤맸다고 했습니다.

개발자에게는 너무 익숙해서 별다른 설명 없이 쓰는 말도, 처음 만드는 사람에게는 작업을 멈추게 하는 큰 장벽이 됩니다. 단어 하나를 이해하지 못하면 오류 메시지도, AI의 다음 안내도 함께 흐릿해집니다.

그래서 바코사전을 만들었습니다. 바이브 코딩을 하며 실제로 마주치는 개발 용어를 정의로만 외우지 않고, 언제 나오고 무엇과 연결되는지 쉽게 이해할 수 있는 한국어 용어집입니다.

바코사전은 이렇게 보입니다

2026년 8월 실제 바코사전 다크 모드 화면. 검색창에 막히는 단어를 입력하거나, 분야별 필터와 핵심 개념 목록을 둘러볼 수 있습니다.

이런 용어부터 찾아보세요

처음 웹사이트를 만들 때 특히 헷갈리기 쉬운 개념들을 바로 찾아볼 수 있습니다.

• 만든 사이트를 공개할 때: 빌드(Build) · 배포(Deploy) · 버셀(Vercel) · 개발 서버(Development Server)
• 코드를 저장하고 공유할 때: Git · GitHub · 저장소(Repository) · 커밋(Commit) · 브랜치(Branch)
• 화면과 서버를 구분할 때: 프론트엔드(Frontend) · 백엔드(Backend) · 클라이언트(Client) · 서버리스(Serverless) · 데이터베이스(Database)
• API와 비밀값을 다룰 때: API 키(API Key) · 토큰(Token) · 환경변수(Environment Variable) · OAuth
• 설치와 코드 묶음이 헷갈릴 때: npm · package.json · 라이브러리(Library) · 모듈(Module)

지금의 바코사전에서 할 수 있는 것

현재 바코사전에는 148개 용어가 정리되어 있습니다. 처음 공개했을 때의 단순한 용어 목록에서 더 나아가, 모르는 말을 찾고 다음에 배울 개념까지 이어서 볼 수 있는 학습형 사전으로 확장했습니다.

• 용어 검색: 한글명과 영문명으로 필요한 개념을 빠르게 찾습니다.
• 카테고리 필터: AI 도구, 코드 관리, 배포, 보안, 프레임워크, 데이터베이스 등 관심 분야만 골라봅니다.
• 목적별 학습 경로: AI 코딩 시작, 웹사이트 만들기, 코드 공유와 배포, 업무 자동화처럼 하려는 일에 맞는 순서로 공부합니다.
• 자주 묻는 질문: Git과 GitHub의 차이, .env 파일 관리처럼 개념이 실제 문제로 이어지는 지점을 설명합니다.
• 관계 지도: 현재 용어의 기반 개념과 작업 흐름에서 함께 쓰이는 개념을 한눈에 확인합니다.
• 인기·최신 개념 모음: 많이 찾는 용어와 새로 추가된 용어부터 가볍게 둘러봅니다.

Build를 찾아보면

지인이 헤맸던 빌드(Build)를 찾아보면 먼저 “소스 코드를 실행 또는 배포 가능한 결과물로 변환하는 과정”이라는 쉬운 설명이 나옵니다.

빌드 용어의 실제 다크 모드 상세 화면. 쉬운 설명에서 시작해 Deploy, Vercel, Next.js, npm과의 관계까지 이어서 볼 수 있습니다.

각 용어 페이지에서는 다음 내용을 한 흐름으로 볼 수 있습니다.

• 한 문장으로 이해하는 쉬운 설명
• 배경과 쓰임을 포함한 자세한 설명
• 바이브 코딩에서 실제로 만나는 작업 예시
• 작업 전에 알아야 할 주의점
• 실행 전후에 확인할 체크리스트
• 함께 등장하는 개념으로 이어지는 관계 지도

Build가 Deploy와 어떻게 다른지, Vercel은 두 과정에서 무슨 일을 하는지까지 이어서 읽으면 “지금 무엇을 하는 단계인지”가 보이기 시작합니다. 바코사전은 바로 이 지점을 돕기 위해 만든 용어집입니다.

바로 써먹기 좋은 용어 목록

어디서부터 볼지 모르겠다면 지금 하려는 일과 가까운 묶음부터 시작해 보세요.

웹사이트를 처음 공개할 때

• 프론트엔드(Frontend): 사용자가 직접 보고 조작하는 화면 영역
• 백엔드(Backend): 화면 뒤에서 데이터와 핵심 로직을 처리하는 영역
• 빌드(Build): 소스 코드를 실행 또는 배포 가능한 결과물로 준비하는 과정
• 배포(Deploy): 만든 결과물을 실제 사용자가 접근할 수 있게 공개하는 과정
• 웹사이트를 만들고 싶을 때: 화면 구성부터 백엔드와 배포까지 연결해서 보는 학습 경로

GitHub에서 코드를 관리할 때

• Git: 코드 변경 이력을 기록하고 되돌리는 버전 관리 도구
• GitHub: Git 저장소를 온라인에서 공유하고 협업하는 서비스
• 저장소(Repository): 프로젝트 파일과 변경 이력을 보관하는 공간
• 커밋(Commit): 변경한 내용을 하나의 기록 단위로 남기는 작업
• 브랜치(Branch): 기존 코드와 분리해서 변경 작업을 진행하는 흐름

API와 비밀값을 안전하게 다룰 때

• API 키(API Key): 외부 서비스를 사용할 권한을 확인하는 비밀값
• 토큰(Token): 인증이나 AI 입력 단위처럼 문맥에 따라 뜻이 달라지는 개념
• 환경변수(Environment Variable): 비밀값과 환경별 설정을 코드 밖에서 관리하는 방법
• OAuth: 비밀번호를 직접 공유하지 않고 다른 서비스에 권한을 주는 방식
• 비밀값과 API를 다룰 때: 안전한 연결 흐름을 함께 익히는 학습 경로

AI가 말하는 작업 지시를 이해할 때

• 프롬프트(Prompt): AI에게 원하는 작업과 조건을 전달하는 입력
• 마크다운(Markdown): AI와 개발 문서에서 자주 쓰는 간단한 문서 형식
• PRD: 무엇을 왜 만들지 정리한 제품 요구사항 문서
• 에이전트(Agent): 목표를 받아 도구를 사용하며 여러 단계를 수행하는 AI 작업자
• MCP: AI가 외부 도구와 데이터를 연결해 쓰는 표준 규격

헷갈릴 때 바로 보는 질문

두 개념의 차이가 모호하거나 실제 작업에서 판단이 필요할 때는 FAQ부터 읽어도 좋습니다.

• Git과 GitHub는 뭐가 다른가요?
• .env 파일은 GitHub에 올려도 되나요?
• 빌드와 배포는 뭐가 다른가요?
• AI는 왜 md 파일을 자주 쓰나요?
• React는 왜 쓰나요?
• 데이터베이스와 엑셀은 뭐가 다른가요?

이런 분에게 특히 유용합니다

• AI 코딩 도구로 처음 프로젝트를 만들고 공개해 보는 분
• AI가 말하는 개발 용어 때문에 작업 흐름이 자주 끊기는 분
• GitHub, Vercel, API Key를 개별 정의가 아니라 실제 연결 관계로 이해하고 싶은 분
• 웹사이트 제작, 데이터 분석, 업무 자동화 등 목표에 맞춰 필요한 개념만 익히고 싶은 분
• 개발자에게 질문하기 전에 기본 개념을 빠르게 확인하고 싶은 분

바코사전은 어려운 개발 문서를 대신하는 곳이라기보다, 문서를 읽고 AI와 대화하는 데 필요한 첫 번째 개념 지도를 지향합니다. 막히는 단어가 생겼을 때 검색하고, 관계 지도로 다음 개념을 확인하고, 학습 경로를 따라 실제 작업까지 이어가 보세요.