바이브덕

용어집

바이브코딩하다 만나는 말들

토큰·API·배포… AI에게 시키다 보면 자꾸 튀어나오는 용어들이에요. 외울 필요는 없어요. 비유 하나씩만 기억하면 AI에게 더 정확히 시킬 수 있어요.

AI · 모델입문

바이브코딩

코드를 직접 짜는 대신, AI에게 자연어로 시켜서 만들어가는 개발 방식이에요.

비유

요리사에게 '이런 느낌으로 해줘' 하고 주문하는 거예요. 레시피를 몰라도 접시는 나오죠.

AI · 모델입문

LLM

엄청난 양의 글을 학습해 '다음에 올 말'을 잘 이어 쓰는 AI 모델이에요.

비유

인터넷의 글을 거의 다 읽고, 다음 단어를 기막히게 잘 맞히는 예측기예요.

AI · 모델입문

프롬프트

AI에게 뭘 해달라고 적어 넣는 지시문이에요. 잘 쓸수록 결과가 달라져요.

비유

요리사에게 건네는 주문서예요. 두루뭉술하면 엉뚱한 게 나오고, 구체적이면 원하는 게 나와요.

인프라 · 클라우드입문

클라우드

내 컴퓨터를 두는 대신, 남의 거대한 컴퓨터를 인터넷으로 빌려 쓰는 방식이에요.

비유

호텔이에요. 집을 사서 관리하는 대신, 필요한 만큼 방을 빌리고 관리는 맡기죠.

AI · 모델입문

토큰

AI가 글을 읽고 쓰는 최소 단위. 단어보다 잘게 쪼갠 글자 덩어리예요.

비유

택시 미터기예요. 대화가 길어질수록 토큰이 올라가고, 그게 곧 요금이에요.

웹이 돌아가는 원리입문

프론트엔드

사용자 눈에 보이고 직접 만지는 화면 쪽 영역이에요. 버튼·글자·색이 다 여기죠.

비유

식당의 홀이에요. 손님이 앉는 자리, 메뉴판, 인테리어 — 눈에 보이는 전부죠.

개발 도구 · 흐름입문

Git

코드의 변경 이력을 시점별로 저장하고 되돌릴 수 있게 해주는 버전 관리 도구예요.

비유

게임의 세이브 포인트예요. 망치면 마지막 저장 지점으로 되돌아갈 수 있죠.

웹이 돌아가는 원리입문

백엔드

화면 뒤에서 데이터를 저장·처리하고 로직을 돌리는, 눈에 안 보이는 영역이에요.

비유

식당의 주방이에요. 손님은 못 보지만 주문을 실제로 처리하는 곳이죠.

개발 도구 · 흐름입문

GitHub

Git으로 관리하는 코드를 인터넷에 올려 백업·공유·협업하는 서비스예요.

비유

코드를 위한 구글 드라이브예요. 올려두면 백업되고, 링크로 공유·협업도 되죠.

개발 도구 · 흐름입문

리포지토리

한 프로젝트의 코드와 변경 이력을 통째로 담는 저장 공간이에요.

비유

프로젝트 하나를 담는 서랍이에요. 그 안에 파일과 기록이 다 들어 있죠.

웹이 돌아가는 원리입문

서버

요청을 받아 처리하고 결과를 돌려주는 컴퓨터예요. 요청하는 쪽은 클라이언트고요.

비유

주문을 받는 주방이에요. 손님(클라이언트)이 시키면 만들어서 내주죠.

개발 도구 · 흐름심화

브랜치

원본은 그대로 두고, 코드를 복사해 따로 작업하는 갈래예요.

비유

게임 세이브 슬롯이에요. 본편은 놔두고 다른 슬롯에서 마음껏 시도해보는 거죠.

AI · 모델기본

컨텍스트 윈도우

AI가 한 번의 대화에서 한꺼번에 기억할 수 있는 정보의 최대 양이에요.

비유

AI의 책상 크기예요. 책상이 꽉 차면 오래된 서류부터 밀려서 떨어져요.

개발 도구 · 흐름입문

커밋

변경한 내용을 '여기까지'라고 한 묶음으로 저장하는, Git의 세이브 한 판이에요.

비유

게임 세이브 버튼에 '어디까지 했는지' 메모를 붙이는 거예요.

웹이 돌아가는 원리입문

프레임워크·라이브러리

둘 다 남이 만든 코드 모음인데, 주도권이 누구에게 있느냐가 달라요.

비유

라이브러리는 골라 쓰는 '도구 상자', 프레임워크는 정해진 틀의 '조립 키트'예요.

개발 도구 · 흐름입문

푸시·풀

내 커밋을 원격 저장소로 올리는 게 푸시, 원격의 변경을 내려받는 게 풀이에요.

비유

클라우드 동기화예요. 내 것을 올리고(push), 남이 바꾼 걸 받아오는(pull) 거죠.

개발 도구 · 흐름심화

컨플릭트

같은 부분을 서로 다르게 고쳐서, 어느 쪽을 택할지 Git이 판단 못 할 때 생기는 충돌이에요.

비유

같은 문장을 두 사람이 다르게 고쳐온 거예요. 편집자가 '둘 중 뭘 쓰죠?' 하고 멈추죠.

웹이 돌아가는 원리기본

컴포넌트

화면을 이루는, 재사용 가능한 조각이에요. 버튼·카드처럼 떼었다 붙였다 하죠.

비유

레고 블록이에요. 같은 블록을 여러 곳에 끼워서 화면을 조립해요.

개발 도구 · 흐름심화

머지

따로 작업하던 브랜치의 변경 내용을 하나로 합치는 것이에요.

비유

두 사람이 나눠 쓴 원고를 한 문서로 합치는 일이에요. 겹치면 조율이 필요하죠.

웹이 돌아가는 원리기본

상태(state)

화면이 지금 기억하고 있는 값이에요. 입력한 글자, 켜짐/꺼짐 같은 것들요.

비유

화면의 단기 기억이에요. 새로고침하면 기억을 잃고 처음으로 돌아가죠.

개발 도구 · 흐름입문

터미널·CLI

마우스 대신 명령어를 타이핑해서 컴퓨터에 일을 시키는 검은 창이에요.

비유

직원에게 말로 지시하는 창구예요. 버튼을 찾는 대신 '이거 해줘'라고 문장으로 시키죠.

AI · 모델입문

할루시네이션

AI가 사실이 아닌 내용을 사실처럼 자신있게 지어내는 현상이에요.

비유

시험에서 모르는 문제에 빈칸 대신 그럴듯하게 써 내는 학생 같아요. 틀렸는데 말투는 당당하죠.

인프라 · 클라우드심화

AWS

아마존이 운영하는, 세계에서 가장 널리 쓰이는 대표 클라우드 서비스예요.

비유

클라우드 업계의 대형 백화점이에요. 서버·저장소·DB… 없는 게 없어서 다들 여기부터 떠올리죠.

개발 도구 · 흐름심화

풀리퀘스트

내 브랜치 변경을 본줄기에 합쳐 달라고 올리는 요청이에요. 리뷰의 출발점이죠.

비유

결재 상신이에요. '이 변경 반영해도 될까요?' 하고 올리면, 동료가 확인하고 승인해요.

개발 도구 · 흐름기본

패키지·npm

패키지는 남이 만들어둔 코드 묶음, npm은 그걸 찾아 설치해주는 도구예요.

비유

npm은 코드 앱스토어예요. 필요한 기능(패키지)을 검색해 설치 버튼 누르는 거죠.

웹이 돌아가는 원리기본

HTTP·HTTPS

브라우저와 서버가 주고받는 약속(규약)이에요. HTTPS는 그걸 암호화한 안전한 버전이고요.

비유

우편 규칙이에요. HTTP는 엽서, HTTPS는 밀봉한 봉투예요. 봉투는 남이 못 열어봐요.

웹이 돌아가는 원리기본

엔드포인트

API에서 특정 기능에 접근하는 하나하나의 주소예요.

비유

큰 건물의 부서별 창구 번호예요. '3번은 발급, 5번은 조회'처럼 나뉘어 있죠.

개발 도구 · 흐름기본

의존성

내 앱이 돌아가려고 기대는 외부 코드(패키지)들이에요. 이게 없으면 앱이 안 돌아요.

비유

요리의 재료 목록이에요. 재료 하나가 빠지면 그 요리는 완성이 안 되죠.

AI · 모델입문

지식 컷오프

AI가 학습한 데이터가 어느 시점까지인지를 가리키는 '지식의 마감일'이에요.

비유

특정 날짜까지의 신문만 읽고 멈춘 사람이에요. 그 뒤에 벌어진 일은 몰라요.

웹이 돌아가는 원리기본

라우팅

어떤 주소(URL)로 들어오면 어떤 화면을 보여줄지 연결하는 규칙이에요.

비유

건물 안내판이에요. '3층은 회의실'처럼, 주소마다 갈 곳을 정해두는 거죠.

개발 도구 · 흐름기본

빌드

작성한 코드를, 실제로 배포해 돌릴 수 있는 완성된 형태로 변환하는 과정이에요.

비유

장 봐온 재료를 실제 요리로 조리해 포장하는 단계예요. 그래야 손님에게 낼 수 있죠.

개발 도구 · 흐름기본

에러·스택트레이스

문제가 났을 때 뜨는 빨간 메시지와, 그게 어디서 터졌는지 거슬러 보여주는 흔적이에요.

비유

사고 현장의 발자국이에요. 거꾸로 따라가면 어디서 시작됐는지 나오죠.

개발 도구 · 흐름입문

로그·콘솔

프로그램이 실행되며 남기는 기록(로그)과, 그 기록을 보여주는 창(콘솔)이에요.

비유

블랙박스 기록이에요. 문제가 나면 그 기록을 되짚어 무슨 일이 있었는지 알아내죠.

AI · 모델기본

시스템 프롬프트

대화 시작 전에 AI에게 미리 정해주는 역할·규칙·말투 설정이에요.

비유

배우에게 건네는 배역 설명서예요. '넌 친절한 상담원이야' 하고 무대에 올리는 거죠.

웹이 돌아가는 원리입문

API

프로그램끼리 정해진 방식으로 요청하고 응답을 주고받는 창구예요.

비유

식당 종업원이에요. 손님(내 앱)이 주문하면 주방(서버)에 전달하고, 완성된 음식을 다시 가져다줘요.

인프라 · 클라우드기본

CDN

전 세계에 흩어진 서버에 콘텐츠를 미리 복사해 두고, 가까운 곳에서 빠르게 내려주는 망이에요.

비유

편의점 체인이에요. 본사 창고까지 가지 않아도 가장 가까운 지점에서 바로 사는 거죠.

개발 도구 · 흐름입문

디버깅

코드가 의도대로 안 돌아가는 원인(버그)을 찾아 고치는 과정이에요.

비유

고장 난 가전을 고치는 수리예요. 어디가 문제인지 짚어가며 원인을 찾죠.

웹이 돌아가는 원리기본

JSON

데이터를 주고받을 때 쓰는, 사람도 읽을 수 있는 표준 형식이에요.

비유

만국 공통 서식이에요. 나라(언어)가 달라도 같은 양식이라 서로 알아보죠.

웹이 돌아가는 원리입문

데이터베이스

데이터를 구조에 맞춰 저장하고 꺼내 쓰는 창고예요. 흔히 표(테이블)로 정리해요.

비유

잘 정리된 엑셀 캐비닛이에요. 시트(테이블)마다 행·열로 데이터가 차곡차곡 쌓여요.

개발 도구 · 흐름심화

타입(TypeScript)

값의 종류(숫자·글자 등)를 미리 정해두어, 엉뚱한 값이 들어가는 실수를 막는 장치예요.

비유

물건마다 라벨을 붙이는 거예요. '이 칸엔 숫자만' 하면 글자를 넣을 때 바로 걸리죠.

AI · 모델기본

모델 티어

같은 계열 AI를 성능·속도·가격에 따라 나눈 등급이에요(예: Opus·Sonnet·Haiku).

비유

자동차 트림이에요. 깡통·중급·풀옵션. 위로 갈수록 똑똑하지만 느리고 비싸요.

개발 도구 · 흐름심화

린트·포매터

코드의 실수를 잡아주는 게 린터, 코드 모양을 규칙대로 정리해주는 게 포매터예요.

비유

맞춤법 검사기와 문서 자동정렬이에요. 하나는 틀린 걸 짚고, 하나는 줄맞춤을 해줘요.

웹이 돌아가는 원리기본

인증

'너 진짜 그 사람 맞아?'를 확인하고, 로그인 상태를 계속 유지하는 장치예요.

비유

콘서트 입장 팔찌예요. 입구에서 한 번 확인하고 팔찌를 채우면, 안에선 계속 통과돼요.

웹이 돌아가는 원리기본

쿠키·세션

브라우저에 잠깐 저장해 '누구인지' 기억하게 하는 장치예요. 로그인 유지의 핵심이죠.

비유

놀이공원 손목밴드예요. 다시 입구를 지날 때 밴드를 보고 '아까 그 사람'이라고 알아봐요.

개발 도구 · 흐름심화

리팩터링

겉보기 동작은 그대로 두고, 코드 속을 더 깔끔하게 고쳐 쓰는 일이에요.

비유

방 정리예요. 물건(기능)은 그대로인데, 배치를 바꿔 다음에 찾기 쉽게 만드는 거죠.

웹이 돌아가는 원리입문

배포

내 컴퓨터에서만 돌던 앱을, 누구나 접속할 수 있게 인터넷에 올리는 일이에요.

비유

집에서 만든 요리를 가게를 열어 파는 거예요. 나만 먹던 걸 손님이 찾아올 수 있게 내놓는 순간이죠.

AI · 모델기본

에이전트

지시 하나로 스스로 여러 단계를 계획하고 도구까지 써서 일을 끝내는 AI예요.

비유

심부름 리스트를 통째로 맡길 수 있는 인턴이에요. 하나하나 안 시켜도 알아서 해와요.

웹이 돌아가는 원리입문

호스팅

내 앱·사이트를 인터넷에 24시간 띄워두는 공간을 빌리는 거예요.

비유

가게 자리를 임대하는 거예요. 배포가 '개업'이면 호스팅은 그 '점포'죠.

웹이 돌아가는 원리기본

도메인·DNS

도메인은 사이트의 이름 주소, DNS는 그 이름을 실제 서버 위치로 안내하는 주소록이에요.

비유

도메인은 '강남 스타벅스'라는 이름, DNS는 그 이름을 실제 좌표로 찾아주는 내비예요.

AI · 모델심화

MCP

AI에게 외부 도구·데이터를 표준 방식으로 연결해주는 규격이에요.

비유

AI를 위한 USB 포트예요. 규격만 맞으면 어떤 도구든 꽂아서 쓰게 해줘요.

웹이 돌아가는 원리입문

localhost

지금 쓰는 내 컴퓨터 자신을 가리키는 주소예요. 나만 접속할 수 있어요.

비유

내 방 안에서만 들리는 방송이에요. 문 밖(인터넷)에선 안 들려요.

웹이 돌아가는 원리기본

상태 코드

요청이 어떻게 됐는지 서버가 숫자로 알려주는 신호예요(200 성공·404 없음·500 서버 오류).

비유

신호등이에요. 초록(200)은 통과, 빨강(400·500)은 문제 있다는 뜻이죠.

개발 도구 · 흐름기본

환경변수

비밀번호·API 키처럼 코드에 직접 적으면 안 되는 값을, 코드 밖에 따로 보관하는 방식이에요.

비유

현관 비밀번호를 대문에 적어두지 않고 금고에 넣어두는 거예요. 집(코드)은 공개해도 금고는 안 열리죠.

AI · 모델입문

API 키

외부 서비스의 API를 쓸 때 '나 이거 쓸 자격 있어요'를 증명하는 비밀 문자열이에요.

비유

회원 전용 출입증이에요. 이게 있어야 문이 열리고, 쓴 만큼 내 계정으로 청구돼요.

웹이 돌아가는 원리심화

CORS

다른 출처(도메인)의 요청을 브라우저가 기본적으로 막는 보안 규칙이에요.

비유

아파트 방문객 출입 통제예요. 등록 안 된 외부인은 경비가 막아서죠.

인프라 · 클라우드기본

롤백

배포나 변경이 잘못됐을 때, 직전의 멀쩡했던 상태로 되돌리는 것이에요.

비유

실행취소(Ctrl+Z)의 배포판이에요. 문제가 터지면 일단 예전 버전으로 돌려놓고 원인을 봐요.

웹이 돌아가는 원리기본

캐시

자주 쓰는 데이터를 가까이 미리 저장해, 다음에 빠르게 꺼내 쓰는 임시 저장소예요.

비유

책상 위에 자주 보는 책을 꺼내 둔 거예요. 매번 서고까지 안 가도 되죠.

AI · 모델심화

레이트 리밋

정해진 시간 안에 보낼 수 있는 요청 횟수의 상한이에요. 넘으면 잠시 막혀요.

비유

놀이기구의 시간당 탑승 인원 제한이에요. 넘치면 '잠시 후 다시'하고 줄을 세워요.

인프라 · 클라우드기본

프로덕션·스테이징

실제 사용자가 쓰는 환경이 프로덕션, 그 전에 몰래 테스트하는 환경이 스테이징이에요.

비유

공연 무대와 리허설이에요. 관객 앞(프로덕션)에 올리기 전, 똑같이 꾸민 무대(스테이징)에서 맞춰봐요.

웹이 돌아가는 원리입문

반응형

화면 크기에 맞춰 레이아웃이 자동으로 바뀌게 만드는 방식이에요.

비유

물이에요. 컵(화면)이 크든 작든 그 모양에 딱 맞춰 담기죠.

인프라 · 클라우드심화

서버리스

서버를 직접 두지 않고, 요청이 올 때만 잠깐 실행하고 쓴 만큼만 내는 방식이에요.

비유

24시간 켜둔 내 발전기 대신, 전기 쓸 때만 요금 내는 한전이에요. 안 쓰면 0원이죠.

검색어를 입력하면 글 본문에서 찾아드려요.

본문 + 제목 검색전체 검색 페이지 →