코드를 몰라도, 용어부터 막히지 않게.
빌드 데이에 나오는 개발 용어를 비개발자 눈높이로 풀었습니다. 각 용어는 쉽게 한 줄과 정확히 한 줄로, 직관과 정확함을 모두 담았어요. 누구나 볼 수 있게 공개합니다.
전체 43개 용어
AI와 작업하기
Claude · Claude Code프롬프트를 돌리고, 코드를 대신 짜주는 AI 도구들.
Claude
클로드- 쉽게
- Anthropic이 만든 AI. 사람처럼 대화하며 글·코드를 써주는 조수예요.
- 정확히
- Anthropic의 대규모 언어 모델(LLM) 기반 AI 어시스턴트.
Claude 데스크톱 앱
Claude 앱- 쉽게
- 내 컴퓨터에 설치해서 쓰는 Claude 프로그램. 플러그인·커넥터를 여기서 관리해요.
- 정확히
- Claude를 제공하는 데스크톱 클라이언트. 플러그인·MCP·커넥터 설정의 진입점.
Claude Code
클로드 코드- 쉽게
- 코드를 직접 읽고 쓰고 터미널 명령까지 대신 실행해주는 Claude. 이번 강의의 주역이에요.
- 정확히
- 터미널·파일 시스템에 접근해 코딩 작업을 자동 수행하는 Anthropic의 에이전트형 CLI 도구.
프롬프트
prompt- 쉽게
- AI에게 시키는 지시문. 강의에선 복사해서 붙여넣는 그 글덩어리예요.
- 정확히
- AI 모델에 입력하는 자연어 지시. 출력 품질은 프롬프트의 구체성에 크게 좌우됨.
플러그인
plugin- 쉽게
- Claude Code에 기능을 끼워넣는 확장팩. 강의에선 6개를 설치해요.
- 정확히
- Claude Code의 동작을 확장하는 모듈. 규칙·스킬·에이전트·MCP 설정의 묶음.
MCP
Model Context Protocol- 쉽게
- Claude가 외부 서비스(예: Supabase)와 직접 연결돼 작업하게 해주는 통로예요.
- 정확히
- Model Context Protocol. AI가 외부 도구·데이터 소스와 표준 방식으로 통신하는 프로토콜.
커넥터
connector- 쉽게
- "이 서비스를 내 계정과 연결해도 돼?" 하고 승인하는 연결 버튼이에요.
- 정확히
- Claude를 외부 계정(GitHub·Vercel·Supabase 등)과 OAuth로 인증·연결하는 설정.
세션
session- 쉽게
- Claude Code를 한 번 켜서 작업하는 한 판이에요.
- 정확히
- Claude Code의 단일 실행 단위. 대화·작업 맥락이 그 안에서 유지됨.
내 컴퓨터 기본
공통 기초특정 도구가 아니라 여러 단계에 걸쳐 계속 나오는 기초 개념들.
터미널
terminal / 셸- 쉽게
- 컴퓨터에 글자로 명령을 내리는 까만 창. 강의에선 Claude가 대신 입력해줘요.
- 정확히
- 텍스트 명령으로 OS·프로그램을 조작하는 명령줄 인터페이스 창(셸).
CLI
Command Line Interface / 명령줄 도구- 쉽게
- 마우스 클릭 대신 명령어를 쳐서 쓰는 프로그램이에요 (gh, supabase 등).
- 정확히
- Command Line Interface. 터미널에서 명령어로 실행하는 프로그램 형태.
폴더
디렉터리 / directory- 쉽게
- 파일을 담는 칸. 프로젝트 파일들이 한 폴더에 모여요.
- 정확히
- 파일을 계층적으로 담는 디렉터리. 프로젝트 루트(최상위 폴더)가 작업 기준점.
경로
path- 쉽게
- 파일·폴더가 컴퓨터 어디에 있는지 가리키는 주소예요 (예: C:\Users\내이름\my-app).
- 정확히
- 파일 시스템에서 위치를 표기하는 문자열. 절대경로와 상대경로(~, ./)가 있음.
압축
ZIP / zip- 쉽게
- 여러 파일을 하나로 묶어 작게 만든 파일. 풀어야(압축 해제) 내용물이 나와요.
- 정확히
- 여러 파일·폴더를 하나로 묶고 압축한 .zip 형식. 압축 해제 후 사용.
환경변수
environment variable / env- 쉽게
- 비밀번호·주소 같은 설정값을 코드 밖에 따로 저장해두는 것이에요.
- 정확히
- 프로그램 실행 환경에 주입되는 키-값 설정. 비밀값은 코드에 박지 않고 여기에 둠.
OAuth
오어스- 쉽게
- 비밀번호를 직접 주지 않고 "이 앱이 내 계정 써도 됨" 승인만으로 연결하는 방식이에요.
- 정확히
- 비밀번호 노출 없이 제3자 앱에 제한적 접근 권한을 위임하는 인증 표준.
코드 보관·기록
GitHub코드를 인터넷에 보관하고, 언제 뭘 바꿨는지 기록하는 곳.
GitHub
깃허브- 쉽게
- 코드를 인터넷에 보관·공유하는 창고 사이트예요.
- 정확히
- Git 저장소 호스팅 플랫폼. 협업·버전관리·배포 연동의 허브.
Git
깃- 쉽게
- 코드가 언제 어떻게 바뀌었는지 기록하는 도구예요.
- 정확히
- 분산 버전 관리 시스템(VCS). 변경 이력을 커밋 단위로 추적.
repo
레포 / 저장소 / repository- 쉽게
- 내 프로젝트 파일 전부를 통째로 담는 GitHub 안의 칸이에요.
- 정확히
- Git으로 관리되는 코드 저장 단위(repository). 커밋 이력을 함께 보관.
commit
커밋- 쉽게
- "여기까지 저장!" 하고 변경 내용을 한 묶음으로 기록하는 것이에요.
- 정확히
- 변경 사항을 메시지와 함께 저장하는 Git의 기록 단위. 되돌릴 수 있는 체크포인트.
push
푸시- 쉽게
- 내 컴퓨터에 저장한 변경을 GitHub로 올려보내는 것이에요.
- 정확히
- 로컬 커밋을 원격 저장소(GitHub)에 업로드하는 동작.
브랜치
branch / main- 쉽게
- 작업 갈래. main은 "공식 본판" 갈래예요.
- 정확히
- 독립적인 커밋 계열. main은 기본이자 배포 기준이 되는 브랜치.
gh
GitHub CLI- 쉽게
- 터미널에서 GitHub를 다루는 명령어 도구예요.
- 정확히
- GitHub 공식 CLI. 저장소 생성·인증 등을 명령어로 수행.
웹사이트 만들기
Next.js사이트의 뼈대를 만들고, 내 컴퓨터에서 먼저 띄워보는 도구들.
Next.js
넥스트- 쉽게
- 웹사이트·웹앱을 만드는 인기 도구(틀). 이 강의 사이트의 뼈대예요.
- 정확히
- React 기반 풀스택 웹 프레임워크. App Router·서버 렌더링을 제공.
npm
엔피엠- 쉽게
- 남이 만든 코드 부품을 받아 설치·관리하는 도구예요.
- 정확히
- Node.js 패키지 매니저. 의존성 설치와 스크립트 실행을 담당.
빌드
build- 쉽게
- 작성한 코드를 실제 서비스용으로 한 덩어리로 만드는 과정이에요.
- 정확히
- 소스 코드를 배포 가능한 최적화 산출물로 변환하는 과정(npm run build).
localhost
로컬호스트 / 127.0.0.1- 쉽게
- 내 컴퓨터 안에서만 보이는 테스트용 웹 주소예요 (예: 127.0.0.1:3000).
- 정확히
- 자기 컴퓨터를 가리키는 호스트명. 개발 서버를 로컬에서 띄울 때 접속.
서버
server- 쉽게
- 웹페이지를 만들어 보내주는 프로그램. 개발 중엔 내 컴퓨터가 잠깐 서버 역할을 해요.
- 정확히
- 요청을 받아 응답을 생성·전송하는 프로그램/머신. 개발 서버는 로컬 실행본.
인터넷에 공개
Vercel만든 사이트를 실제 인터넷 주소로 띄워 남들이 볼 수 있게 하는 단계.
Vercel
버셀- 쉽게
- 만든 사이트를 인터넷에 실제로 띄워주는 서비스예요.
- 정확히
- Next.js 친화적 배포·호스팅 플랫폼. Git 연동 시 push마다 자동 배포.
배포
deploy / 디플로이- 쉽게
- 내 사이트를 인터넷에 올려 남들이 볼 수 있게 하는 것이에요.
- 정확히
- 빌드 산출물을 서버에 올려 실제 URL로 서비스하는 과정.
프로덕션
production / 운영- 쉽게
- 실제 사용자가 보는 진짜 버전이에요.
- 정확히
- 최종 사용자에게 서비스되는 운영 환경 또는 그 배포본.
프리뷰
preview / 미리보기- 쉽게
- 정식 공개 전에 미리 확인하는 임시 버전이에요.
- 정확히
- 프로덕션 반영 전 변경을 검토하는 임시 배포(브랜치·PR별 URL).
도메인
domain- 쉽게
- 사이트의 인터넷 주소예요 (예: mvpit.kr).
- 정확히
- 사이트를 가리키는, 사람이 읽는 주소. DNS를 통해 서버에 연결됨.
데이터 저장소
Supabase회원·신청 같은 데이터를 저장하고, 안전하게 다루는 백엔드.
Supabase
수파베이스- 쉽게
- 회원·신청 같은 데이터를 저장하고 관리해주는 백엔드 서비스예요.
- 정확히
- Postgres 기반 BaaS. 데이터베이스·인증·Edge Function·스토리지를 제공.
데이터베이스
DB / database- 쉽게
- 데이터를 표 형태로 차곡차곡 저장하는 창고예요.
- 정확히
- 구조화된 데이터를 저장·조회·관리하는 시스템.
Postgres
PostgreSQL / 포스트그레스- 쉽게
- Supabase가 쓰는 데이터베이스 종류 이름이에요.
- 정확히
- PostgreSQL. 강력하고 널리 쓰이는 오픈소스 관계형 데이터베이스.
테이블
table- 쉽게
- 데이터를 담는 표 한 장. 행은 한 건, 열은 항목이에요.
- 정확히
- 행과 열로 구성된 관계형 데이터 저장 단위(예: applications 테이블).
RLS
Row Level Security / 행 수준 보안- 쉽게
- "이 데이터를 누가 볼 수 있나"를 행 단위로 막아주는 보안 잠금이에요.
- 정확히
- Row Level Security. 행 단위 접근 제어 정책. 공개 테이블에는 필수.
Edge Function
엣지 함수- 쉽게
- 민감하거나 중요한 처리를 안전하게 대신 해주는 서버 코드 조각이에요.
- 정확히
- 서버에서 실행되는 함수. 권한 있는 DB 접근·비밀키·외부 API의 경계 역할.
마이그레이션
migration- 쉽게
- 데이터베이스 구조를 바꾸는 작업을 기록하고 적용하는 것이에요.
- 정확히
- 스키마 변경을 버전 관리되는 단계로 적용하는 절차(supabase db push).
Auth
인증 / 로그인- 쉽게
- 누가 로그인했는지 확인하는 로그인 기능이에요.
- 정확히
- 사용자 신원 확인과 세션 관리. Supabase Auth가 담당.
service_role / anon key
출입증 키- 쉽게
- Supabase 출입증 두 종류. anon은 손님용(공개 OK), service_role은 관리자 마스터키(절대 노출 금지)예요.
- 정확히
- anon key는 클라이언트용 공개 키, service_role은 RLS를 우회하는 비밀 키(서버 전용, NEXT_PUBLIC_ 금지).
작동 확인·테스트
Playwright만든 기능이 실제로 잘 되는지 사람 대신 자동으로 확인하는 단계.
Playwright
플레이라이트- 쉽게
- 사람 대신 브라우저를 자동으로 클릭·입력하며 사이트가 잘 되는지 검사하는 도구예요.
- 정확히
- 브라우저 자동화·E2E 테스트 프레임워크. 실제 사용자 동작을 시뮬레이션.
E2E 테스트
End-to-End / 통합 흐름 테스트- 쉽게
- 처음부터 끝까지(예: 폼 작성 → 제출 → 저장) 한 흐름이 실제로 되는지 통째로 확인하는 테스트예요.
- 정확히
- End-to-End 테스트. 사용자 관점의 전체 플로우를 실제 환경에 가깝게 검증.
총 7개 카테고리 · 43개 용어. 빠진 용어나 더 쉽게 풀었으면 하는 설명이 있다면 빌드 데이에서 알려주세요.