메인 콘텐츠로 건너뛰기

용어집: Vibe Coding(바이브 코딩) 핵심 용어

이 빠른 참조 가이드를 통해 Vibe Coding의 언어를 마스터하세요.

이번 주에 업데이트함

이 가이드는 코드 및 AI 도구로 작업할 때 자주 접하게 되는 용어들을 알기 쉽게 풀이했습니다. 빠르게 익힐 수 있도록 정의를 간결하게 정리했습니다.

Atoms 전용 용어

  • Team Mode (팀 모드): PM, 엔지니어, 데이터 과학자, 심층 연구원, 아키텍트 등 AI 에이전트 팀을 활성화하여 복잡한 요구사항을 대신 처리합니다.

  • Engineer Mode (엔지니어 모드): 엔지니어 에이전트인 'Alex'만 할당하여 프로젝트를 진행합니다.

  • Race Mode (레이스 모드): 동일한 프롬프트(명령어)를 여러 모델에서 동시에 실행하여 결과를 비교할 수 있습니다.

  • Deep Research (심층 연구): 학술 논문, 비즈니스 분석, 시장 보고서 등 전문적인 보고서를 생성하기 위해 깊이 있는 조사를 수행하는 기능입니다.

  • App Viewer (앱 뷰어): 결과를 미리 보고 페이지의 모든 시각적 요소를 직접 수정할 수 있는 기능입니다.

  • Remix (리믹스): 다른 프로젝트를 내 채팅으로 복제하여 그곳에서 계속 빌드하거나 편집할 수 있습니다.

  • Publish (게시): 현재 애플리케이션에 대한 안정적인 링크를 생성하여 쉽게 공유할 수 있습니다.

  • App World: 자신의 작업물을 전시하고 홈페이지에서 실력을 뽐낼 수 있는 Atoms의 창작 플랫폼입니다.

LLM 및 Vibe Coding

  • Vibe Coding (바이브 코딩): 평범한 언어(영어 등)로 원하는 것(즉, "느낌(Vibe)"이나 의도)을 AI에게 말하고 실제 코드를 생성하게 하는 소프트웨어 개발 방식입니다. 세미콜론이나 특정 로직을 고민하는 대신, 앱의 느낌이 맞는지, 제대로 작동하는지에 집중합니다.

  • Artificial Intelligence (AI, 인공지능): 음성 인식, 의사 결정, 언어 번역 등 일반적으로 인간의 지능이 필요한 작업을 수행할 수 있는 컴퓨터 시스템을 뜻하는 포괄적인 용어입니다.

  • LLM (Large Language Model, 대규모 언어 모델): 방대한 양의 텍스트로 훈련된 AI의 한 종류입니다. ChatGPT나 Claude 같은 도구의 기반 기술입니다. 문장에서 다음에 올 단어를 예측하는 데 매우 뛰어나며, 이를 통해 에세이 작성, 질문 답변, 코드 작성이 가능합니다.

  • Hallucination (할루시네이션, 환각): AI가 자신 있게 완전히 틀린 답을 내놓는 현상입니다. AI 모델은 그럴듯하게 말하는 데 능숙하므로, 생성된 코드나 사실을 항상 재확인해야 합니다.

  • Prompt (프롬프트): 답변을 얻기 위해 AI에게 입력하는 텍스트입니다. "프롬프트 엔지니어링"은 단순히 "최상의 결과를 얻기 위해 올바르게 질문하는 법을 배우는 것"을 있어 보이게 표현한 말입니다.

  • Token (토큰): AI가 텍스트를 세는 단위입니다. AI는 "단어"가 아닌 "토큰"을 봅니다. 토큰 하나는 대략 텍스트 4자 정도입니다(영어 기준). 예를 들어 "apple"은 1토큰이지만, 길고 복잡한 단어는 3토큰일 수 있습니다. AI 비용과 한도는 보통 토큰 단위로 측정됩니다.

  • Human-in-the-Loop (휴먼 인 더 루프): 바로 여러분을 뜻합니다. AI가 코드를 작성하더라도, 루프 안의 "관리자"는 사용자입니다. 작업을 검토하고, 불시 점검을 하며, AI가 궤도를 벗어나면 안내합니다. 작성자가 아닌 검토자가 되는 것입니다.

  • Iterating (이터레이팅, 반복): 대화를 통해 코드를 다듬어가는 과정입니다. 바이브 코딩에서는 첫 시도에 완벽한 결과를 얻기 어렵습니다. "저 버튼을 더 키워줘", "10번째 줄 오류 고쳐줘", "아니, 다른 색깔 써줘" 같은 말을 하며 "반복(Iterate)" 작업을 수행합니다.

코딩 기초

  • API (Application Programming Interface): 서로 다른 두 프로그램이 소통할 수 있게 해주는 다리 역할을 합니다. 식당의 웨이터라고 생각하면 됩니다. 손님(사용자)이 웨이터(API)에게 주문하면, 주방(시스템)에서 어떻게 요리되는지 몰라도 음식을 가져다주는 것과 같습니다.

  • Bug (버그): 소프트웨어가 충돌하거나 이상하게 작동하게 만드는 코드의 실수나 결함입니다.

  • Version Control (Git, 버전 관리): 코드의 "타임 머신"입니다. 누가 어떤 변경을 했는지 모두 추적하므로, 뭔가 고장 나면 쉽게 잘 작동하던 이전 버전으로 되돌릴 수 있습니다.

  • Frontend (프론트엔드, 클라이언트 사이드): 화면에서 보고 만질 수 있는 모든 것입니다. 버튼, 텍스트, 이미지, 애니메이션 등이 포함됩니다. 웹사이트를 탐색 중이라면, "프론트엔드"는 브라우저에서 실행되는 부분입니다.

  • Backend (백엔드, 서버 사이드): 원격 컴퓨터(서버)에 있는 애플리케이션의 "두뇌"입니다. 데이터를 처리하고, 파일을 저장하며, 사용자가 절대 볼 수 없는 로직을 관리합니다.

  • UI (User Interface, 사용자 인터페이스): 앱의 구체적인 디자인과 레이아웃입니다. 색상 구성, 버튼 모양, 텍스트 가독성 등 "룩 앤 필(Look and Feel)"을 의미합니다.

  • Full Stack (풀스택): 프론트엔드와 백엔드 모두를 다룰 수 있는 개발자(또는 도구)를 말합니다.

소프트웨어 개발 개념

  • Product Manager (PM, 제품 관리자): 무엇 만들지 결정하는 사람입니다. 특정 기능의 "CEO"처럼 행동하며, 사용자가 원하는 것과 비즈니스에 필요한 것 사이의 균형을 맞춥니다. 계획서(PRD)를 작성하지만 보통 코드는 짜지 않습니다.

  • Engineer (엔지니어): 만드는 사람(빌더)입니다. PM의 계획을 받아 실제로 작동하도록 코드를 작성합니다. 효율적이고 안전하게 구축하는 방법을 찾아냅니다.

  • Architect (아키텍트): 소프트웨어의 "도시 계획가"입니다. 보통 모든 코드를 직접 짜기보다는, 어떤 기술을 사용할지, 시스템의 각 부분이 어떻게 연결되어야 시스템이 커져도 무너지지 않을지 등 고수준의 결정을 내립니다.

  • Data Scientist (데이터 과학자): 탐정입니다. 앱이 생성하는 방대한 데이터(클릭 수, 판매 수치 등)를 살펴보고 수학과 코드를 사용해 패턴을 찾아내어, 비즈니스가 더 현명한 결정을 내리도록 돕습니다.

  • Deep Researcher (심층 연구원): 복잡하고 알려지지 않은 주제를 조사하는 데 집중하는 역할(또는 전문 AI 에이전트)입니다. 일반적인 검색과 달리, 학술 논문, 기술 문서, 긴 보고서를 파고들어 어려운 주제에 대한 포괄적인 답변을 종합합니다.

전략 및 성장

  • SEO (Search Engine Optimization, 검색 엔진 최적화): 구글 검색 결과 상단에 웹사이트가 나오도록 조정하는 기술(예술)입니다. 적절한 키워드 사용, 사이트 속도 향상, 타 사이트의 링크 확보 등이 포함됩니다.

  • Growth (그로스, 성장): 더 많은 사용자를 확보하는 데 전적으로 집중하는 마케팅과 엔지니어링의 결합입니다. "그로스 엔지니어"는 사람들이 친구를 초대하거나 더 빨리 가입하도록 유도하는 기능을 특별히 개발하기도 합니다.

  • PRD (Product Requirements Document, 제품 요구사항 정의서): 기능의 "청사진"입니다. PM이 작성하며, 새로운 기능이 무엇을 해야 하고, 어떻게 보여야 하며, 성공을 어떻게 측정할지 정확히 설명합니다. 엔지니어는 이를 설명서로 사용합니다.

페이지 구조 및 탐색

  • Headings (제목/헤딩): 페이지 콘텐츠의 개요입니다. 코드에서는 H1, H2, H3 등으로 표시됩니다. H1은 메인 제목(책 제목 같은 것), H2는 장(Chapter) 제목입니다. 사용자 와 구글 모두에게 페이지 내용을 이해시키는 데 도움을 줍니다.

  • Footer (푸터, 바닥글): 모든 페이지의 맨 아래 섹션입니다. 웹사이트의 "잡동사니 서랍" 같은 곳으로, 중요하지만 메인 포커스는 아닌 법적 정책, 연락처 정보, 소셜 미디어 링크 등을 둡니다.

  • Favicon (파비콘): 웹 브라우저 탭(페이지 제목 옆)에 나타나는 작은 아이콘입니다. 사용자가 한 번에 20개의 탭을 열어놓았을 때 사이트를 빠르게 식별할 수 있게 해 줍니다.

답변이 도움되었나요?