개발 용어 50개를 비개발자 기준으로 다섯 묶음으로 나누고, 용어마다 한 줄 뜻·비유·마주치는 상황을 붙였습니다. AI로 프로그램을 직접 만들고 외주 개발자와 대화하는 시대에, 코딩은 몰라도 이 50개 단어는 알아야 일이 됩니다. 외우는 글이 아니라 10분에 한 번 훑고, 막힐 때 다시 찾아보는 지도입니다.
이런 분께 도움이 됩니다
- AI에게 “홈페이지 만들어 줘”라고 했더니 HTML·CSS·배포 같은 말이 쏟아져 멈춘 분
- 외주 개발 견적서나 미팅에서 API·서버·MVP가 나올 때 고개만 끄덕이던 사업자
- 개발팀과 같이 일하는데 PR·스프린트·롤백이 무슨 뜻인지 매번 검색하는 기획·마케팅 담당자
왜 필요할까요? 용어를 모르면 AI에게도, 개발자에게도 정확히 시킬 수 없습니다. 50개만 알면 “화면이 안 떠요” 대신 “배포 뒤 프론트엔드에서 버튼 JS가 안 먹어요”라고 말할 수 있고, 그만큼 빨리 해결됩니다.
- ① AI 역량 평가, 기업은 왜 보고 무엇을 준비해야 할까
- ② AI 자격증 총정리
- ③ 개발 용어 50개 한 줄 정리
왜 비개발자가 개발 용어를 알아야 할까
작년까지는 몰라도 됐습니다. 개발은 개발자가 하고, 우리는 결과만 받았으니까요. 지금은 다릅니다. 채용 담당자가 직접 프로그램을 배포하고, 회계팀이 유지보수를 하고 싶다고 말하는 회사가 나옵니다. AI 코딩 도구가 그 벽을 낮췄기 때문입니다.
그런데 AI는 우리가 쓰는 말 그대로 일합니다. “홈페이지 예쁘게”라고 하면 엉뚱한 걸 만들고, “CSS에서 제목 글자만 키워 줘”라고 하면 정확히 고칩니다. 용어는 암기 과목이 아니라 AI와 개발자에게 정확히 시키기 위한 주문서 단어입니다.
읽는 법 · 표에서 회색 ‘비유’ 줄만 먼저 쭉 읽으세요. 뼈대·옷·근육, 메뉴판, 세이브, 개업처럼 그림이 떠오르면 끝입니다. 정확한 뜻은 막힐 때 다시 와서 보면 됩니다.
50개를 다섯 묶음으로 ― 전체 지도
묶음은 하나의 서비스가 만들어지는 순서입니다. 화면을 만들고(①), 그 화면이 서버와 데이터를 주고받고(②), 여러 사람이 코드를 같이 고치고(③), 테스트해서 내보내고(④), 그 모든 일을 하는 작업 환경(⑤)입니다.
| 묶음 | 한 줄 요약 | 이 묶음을 알면 |
|---|---|---|
| ① 웹과 언어 | 화면은 HTML(뼈대)·CSS(옷)·JS(근육)로, 보이는 쪽은 프론트, 뒤는 백엔드 | AI에게 사이트를 정확히 시킬 수 있다 |
| ② 데이터와 네트워크 | 내 기기(클라이언트)가 주소(도메인)로 서버에 요청하면 API가 DB에서 꺼내 JSON으로 준다 | “API 연동”·”서버 비용” 견적을 읽을 수 있다 |
| ③ 협업과 Git | 가지(브랜치)에서 고치고, 세이브(커밋)하고, 올리고(푸시), 합쳐 달라(PR) 해서 합친다(머지) | 개발팀 회의 말이 들린다 |
| ④ 과정과 운영 | 기획 → 스프린트 개발 → QA → 배포 → 패치, 문제면 롤백 | 일정과 사고 대응을 같이 짤 수 있다 |
| ⑤ 환경과 기타 | IDE에서 쓰고, CLI로 실행하고, 오픈소스를 가져다 빌드한다 | “터미널에서 실행하세요”가 무섭지 않다 |
1웹과 프로그래밍 언어 ― 화면은 뼈대·옷·근육
웹페이지 하나는 세 가지 언어로 되어 있습니다. 구조를 잡는 HTML, 보이는 모양을 정하는 CSS, 움직임을 주는 JavaScript입니다. 사람 몸으로 치면 뼈대·옷·근육입니다. 이 비유 하나면 “글자 색 바꿔 주세요”가 CSS 요청이라는 걸 바로 압니다.
| 용어 | 한 줄 뜻 · 비유 · 이럴 때 마주칩니다 |
|---|---|
| 🦴 HTML | 웹페이지의 뼈대를 만드는 문서 언어 비유 · 뼈대. 제목·문단·버튼이 어디에 있나 마주칠 때 · AI에게 ‘랜딩페이지 만들어 줘’ 하면 가장 먼저 나오는 파일 |
| 👕 CSS | 뼈대에 색·크기·배치를 입히는 언어 비유 · 옷. 같은 뼈대도 옷이 다르면 다른 사이트 마주칠 때 · ‘글자 좀 키워 주세요’는 CSS 수정 요청 |
| 💪 JavaScript | 팝업·애니메이션 등 움직임과 상호작용을 주는 언어 비유 · 근육. 누르면 반응하게 마주칠 때 · 버튼을 눌렀는데 아무 일도 없으면 JS 문제 |
| 🐍 Python | 문법이 쉬워 데이터 분석·AI·자동화에 널리 쓰이는 언어 비유 · 영어 문장처럼 읽힘 마주칠 때 · 엑셀 반복 작업 자동화, AI 자격증(AICE) 시험 언어 |
| ☕ Java | 기업 시스템·금융권·안드로이드 앱에 가장 많이 쓰이는 안정적 언어 비유 · 대기업 전산실의 표준어 마주칠 때 · 은행·공공기관 시스템 외주 견적서에 자주 등장 |
| 🎨 프론트엔드 | 사용자 눈에 보이는 화면(UI)을 만드는 분야 비유 · 무대 위 마주칠 때 · ‘화면 개발자’가 필요하다는 말 |
| ⚙️ 백엔드 | 서버·데이터베이스·로그인 처리 등 보이지 않는 쪽을 만드는 분야 비유 · 무대 뒤 마주칠 때 · ‘회원가입이 안 돼요’는 대개 이쪽 |
| 🧰 풀스택 | 프론트엔드와 백엔드를 모두 다루는 개발자 비유 · 혼자 다 하는 사람 마주칠 때 · 소규모 외주·1인 개발자 소개 문구 |
| 🏗️ 프레임워크 | 개발을 빠르게 하도록 뼈대와 규칙을 미리 만든 세트 비유 · 조립식 주택 골조 (React, Spring) 마주칠 때 · ‘리액트로 만들었어요’라는 말 |
| 🧱 라이브러리 | 특정 기능을 미리 짜 둔 코드 묶음 비유 · 부품 상자. 가져다 끼움 마주칠 때 · ‘차트 라이브러리 쓰면 하루면 돼요’ |
정의 · 프레임워크는 집의 골조를 미리 세워 둔 것이고, 라이브러리는 그 집에 끼우는 부품입니다. “리액트(프레임워크)로 만들고 차트는 라이브러리 썼어요”라는 말이 그래서 나옵니다.
2데이터와 네트워크 ― 요청과 응답이 오가는 길
쇼핑몰에서 ‘주문 내역’을 누르는 순간을 따라가면 이 묶음이 다 나옵니다. 내 휴대전화(클라이언트)가 주소(도메인)로 서버에 요청을 보내고, 서버는 메뉴판(API)에 맞는 요청인지 확인한 뒤 창고(DB)에서 SQL로 꺼내 JSON 상자에 담아 돌려줍니다.
| 용어 | 한 줄 뜻 · 비유 · 이럴 때 마주칩니다 |
|---|---|
| 🏢 서버 | 데이터와 프로그램을 두고 요청이 오면 응답하는 컴퓨터 비유 · 24시간 여는 본사 마주칠 때 · ‘서버 터졌다’ = 요청이 몰려 응답 불가 |
| 🙋 클라이언트 | 서버에 요청하는 사용자의 기기·브라우저 비유 · 주문하는 손님 마주칠 때 · 내 PC·스마트폰이 곧 클라이언트 |
| 📋 API | 프로그램끼리 데이터를 주고받는 소통 창구 비유 · 메뉴판. 이렇게 주문하면 이렇게 준다 마주칠 때 · ‘네이버 로그인 API 붙이면 돼요’ |
| 🔒 HTTP / HTTPS | 인터넷에서 데이터를 주고받는 통신 규칙. S는 암호화 버전 비유 · 자물쇠 아이콘이 HTTPS 마주칠 때 · 주소창 ‘안전하지 않음’ 경고 |
| 🗄️ DB(데이터베이스) | 데이터를 체계적으로 모아 두는 창고 비유 · 거대한 서랍장 마주칠 때 · 회원·주문·재고가 전부 여기 |
| 🗣️ SQL | DB에 찾아 줘·지워 줘 명령하는 전용 언어 비유 · 창고 직원에게 하는 말 마주칠 때 · ‘이번 달 주문 뽑아 주세요’를 코드로 |
| 📦 JSON | 컴퓨터끼리 주고받는 가볍고 읽기 쉬운 텍스트 형식 비유 · 라벨 붙은 택배 상자 마주칠 때 · API 응답을 열어 보면 중괄호 투성이 |
| 🍪 쿠키 | 브라우저에 임시로 저장되는 작은 텍스트 조각 비유 · 가게가 손님 손에 쥐여 준 쪽지 마주칠 때 · 자동 로그인, 장바구니 유지, 쿠키 동의 팝업 |
| 🗂️ 캐시 | 자주 쓰는 데이터를 임시 저장해 다음에 빠르게 보여 주는 공간 비유 · 책상 위 자주 쓰는 서류 마주칠 때 · ‘캐시 지우고 다시 해 보세요’ |
| 🏷️ 도메인 | 숫자 IP 대신 쓰는 기억하기 쉬운 인터넷 주소 비유 · 가게 간판 (google.com) 마주칠 때 · 연 1~2만 원대, 가비아 같은 곳에서 구매 |
| 🏠 호스팅 | 사이트를 24시간 띄우려고 서버 공간을 빌리는 것 비유 · 건물 임대 마주칠 때 · 도메인은 간판, 호스팅은 매장 |
| 🕷️ 크롤링 | 프로그램이 웹페이지를 돌며 데이터를 자동 수집하는 기술 비유 · 거미가 거미줄 훑기 마주칠 때 · 경쟁사 가격 모으기. 약관·저작권 확인 필수 |
주의 · 크롤링은 기술적으로 쉬워졌지만 사이트 약관과 저작권, 개인정보법에 걸릴 수 있습니다. 경쟁사 가격을 모으기 전에 robots.txt와 이용약관을 먼저 확인하세요.
3협업과 버전 관리 ― Git은 코드의 세이브 파일
문서를 ‘최종’, ‘진짜최종’, ‘진짜최종2’로 저장해 본 적 있으시죠. Git은 그 문제를 푼 도구입니다. 누가 언제 무엇을 고쳤는지 전부 기록하고, 언제든 그 시점으로 돌아갑니다. 원본은 건드리지 않고 가지에서 고친 뒤 검토받아 합친다, 이 한 문장이 Git 용어 10개의 전부입니다.
| 용어 | 한 줄 뜻 · 비유 · 이럴 때 마주칩니다 |
|---|---|
| 📜 Git | 코드 변경 역사를 기록·관리하는 도구 비유 · 누가 언제 무엇을 고쳤나 장부 마주칠 때 · 개발자가 쓰는 ‘버전 관리’의 표준 |
| 🌐 GitHub | Git 프로젝트를 올려 여러 명이 협업하는 플랫폼 비유 · 개발자들의 SNS 마주칠 때 · ‘깃허브 주소 보내 주세요’ = 포트폴리오 요청 |
| 💾 Commit | 변경 사항을 확정해 의미 있는 기록을 남기는 행위 비유 · 게임 세이브 마주칠 때 · 커밋 메시지 = 무엇을 왜 바꿨는지 메모 |
| ⬆️ Push | 내 컴퓨터의 커밋을 원격 저장소로 올리는 것 비유 · 밀어 올리기 마주칠 때 · ‘푸시했어요’ = 서버에 올렸다 |
| ⬇️ Pull | 원격 저장소의 최신 내용을 내 컴퓨터로 당겨 오는 것 비유 · 당겨 오기 마주칠 때 · ‘풀 받고 작업하세요’ = 최신으로 맞추고 |
| 🌿 Branch | 원본을 망치지 않게 가지 쳐서 분리한 작업 공간 비유 · 나뭇가지 마주칠 때 · 새 기능은 가지에서, 원본은 그대로 |
| 🔀 Merge | 가지에서 끝난 작업을 원본에 합치는 것 비유 · 합류 마주칠 때 · 합칠 때 부딪히면 ‘충돌(conflict)’ |
| 🙏 PR(Pull Request) | ‘검토 끝났으니 합쳐 주세요’ 요청 비유 · 결재 올리기 마주칠 때 · 코드 리뷰는 PR에서 이뤄짐 |
| 🙈 .gitignore | Git에 올리지 않을 파일 목록 설정 비유 · 보지 말아야 할 것 목록 마주칠 때 · API 키·비밀번호 파일은 여기에 |
| 🎫 이슈(Issue) | 고칠 버그·추가할 기능 등 처리할 작업 단위 비유 · 작업 티켓 마주칠 때 · ‘이슈 등록해 주세요’ = 요청을 티켓으로 |
4개발 과정과 서비스 운영 ― 기획에서 롤백까지
이 묶음은 사업자가 가장 많이 마주칩니다. 일정을 잡을 때(스프린트·MVP), 출시 직전(QA·배포), 사고가 났을 때(로그·패치·롤백) 쓰는 말이기 때문입니다. UI는 버튼이 예쁜가, UX는 손님이 헤매지 않는가입니다.
| 용어 | 한 줄 뜻 · 비유 · 이럴 때 마주칩니다 |
|---|---|
| 🧭 기획(PM/PO) | 무엇을 만들지 목표·정책을 설계하고 일정을 관리하는 역할 비유 · 선장 마주칠 때 · 외주 미팅에서 내가 맡게 되는 역할 |
| 🎛️ UI | 폰트·버튼·색·배치 등 눈에 보이는 디자인 화면 비유 · 조작판 생김새 마주칠 때 · ‘UI가 예쁘다’ |
| 🚶 UX | 서비스를 쓰며 겪는 흐름·편리함·만족감 전체 비유 · 손님의 동선 마주칠 때 · ‘UX가 불편하다’ = 예쁜데 헤맨다 |
| 🐞 버그 | 프로그램이 예상과 다르게 오작동하는 오류 비유 · 벌레 마주칠 때 · ‘버그 제보’ 양식 |
| 🔍 디버깅 | 버그 원인을 추적해 고치는 과정 비유 · 벌레 잡기 마주칠 때 · ‘디버깅 중이에요’ = 원인 찾는 중 |
| ✅ QA | 출시 전 오류가 없는지 꼼꼼히 테스트하는 품질 보증 비유 · 출고 검수 마주칠 때 · ‘QA 통과하면 배포’ |
| 🚀 배포(Deploy) | 완성된 웹·앱을 서버에 올려 사용자가 쓰게 하는 작업 비유 · 개업 마주칠 때 · ‘내일 배포예요’ |
| 🩹 패치 | 배포된 프로그램의 버그 수정·기능 추가 업데이트 비유 · 반창고 마주칠 때 · 앱 업데이트 알림 |
| ⏪ 롤백 | 새 버전에 문제가 생겨 이전 버전으로 되돌리기 비유 · 되감기 마주칠 때 · ‘롤백했어요’ = 일단 예전 걸로 |
| 🚚 마이그레이션 | 낡은 시스템·데이터를 새 환경으로 옮기는 큰 작업 비유 · 이사 마주칠 때 · 쇼핑몰 플랫폼 갈아탈 때 |
| 👣 로그 | 프로그램이 실행되며 남기는 상태 기록 비유 · 발자국 마주칠 때 · ‘로그 보내 주세요’ = 에러 단서 |
| 🔁 애자일 | 짧은 주기로 만들고 피드백받아 고쳐 가는 방식 비유 · 작게 자주 마주칠 때 · ‘애자일하게 갑시다’ |
| 🏃 스프린트 | 애자일에서 1~2주 단위로 기능을 완성하는 주기 비유 · 단거리 달리기 마주칠 때 · ‘이번 스프린트에 넣을게요’ |
| 🌱 MVP | 핵심 기능만 최소로 구현해 빠르게 내놓은 제품 비유 · 씨앗 버전 마주칠 때 · ‘MVP부터 만들고 반응 보자’ |
정의 · MVP는 핵심 가치 하나만 검증하려고 최소 기능으로 빠르게 내놓은 제품입니다. 외주 견적이 크게 나오면 “MVP 범위로 다시 잡아 주세요”가 가장 효과적인 한마디입니다.
5개발 환경과 기타 ― 어디서, 어떻게 작업하나
AI 코딩 도구는 대부분 IDE 안에서 돌아갑니다. IDE는 개발자용 워드이고, CLI는 마우스 없이 글자로 명령하는 검은 화면입니다. “터미널에서 실행하세요”는 이 검은 화면에 명령어 한 줄을 치라는 뜻입니다.
| 용어 | 한 줄 뜻 · 비유 · 이럴 때 마주칩니다 |
|---|---|
| 🖥️ IDE | 코드 작성·수정·실행을 한곳에서 하는 개발 프로그램 비유 · 개발자용 한글·워드 (VS Code) 마주칠 때 · AI 코딩 도구도 대부분 IDE 안에서 |
| ⌨️ CLI | 마우스 대신 검은 화면에 명령어를 쳐서 조작하는 방식 비유 · 터미널·명령 프롬프트 마주칠 때 · ‘터미널에서 실행하세요’ |
| 🔓 오픈소스 | 누구나 무료로 쓰고 고칠 수 있게 코드가 공개된 소프트웨어 비유 · 공개 레시피 마주칠 때 · ‘오픈소스라 라이선스 확인 필요’ |
| 🏭 빌드 | 소스 코드를 실행 가능한 최종 결과물로 변환하는 과정 비유 · 설계도 → 완제품 마주칠 때 · ‘빌드 깨졌어요’ = 완제품이 안 나온다 |
오픈소스는 공개 레시피라 무료지만, 라이선스에 따라 상업 이용이나 수정 공개 의무가 다릅니다. 외주 결과물에 어떤 오픈소스가 들어갔는지 목록을 받아 두세요.
외우지 않고 익히는 법 ― 한 번씩 써 보기
50개를 외우려 하면 일주일 뒤 다 잊습니다. 각 묶음에서 하나씩, 직접 손으로 한 번 해 보면 남습니다. 비용은 전부 무료입니다.
- AI에게 “회사 소개 한 페이지를 HTML 파일로 만들어 줘”라고 시키고, 받은 파일을 더블클릭해 엽니다. 그다음 “제목 색만 파란색으로”라고 하면 CSS가 바뀌는 걸 봅니다.
- 그 파일을 Netlify Drop에 끌어다 놓습니다. 주소가 생기면 그게 배포입니다. 호스팅이 무엇인지 몸으로 압니다.
- GitHub에 가입해 저장소를 하나 만들고 그 파일을 올립니다. 올릴 때 쓰는 메시지가 커밋 메시지입니다.
- 브라우저 주소창에 공개 날씨 API 주소를 쳐 봅니다. 중괄호 가득한 글자가 뜨면 그게 JSON이고, 그 주소가 API입니다.
- 다음 외주 미팅에서 “MVP 범위로 스프린트 두 번, QA 뒤 배포, 문제면 롤백”이라고 한 번 말해 봅니다. 상대의 반응이 달라집니다.
주의 · GitHub에 올리기 전에 API 키·비밀번호·고객 파일이 섞여 있지 않은지 확인하세요. 그런 파일은 .gitignore에 적어 두면 올라가지 않습니다. 공개 저장소에 한 번 올라간 비밀번호는 지워도 기록에 남습니다.
이 글에서 배운 것
- 용어는 주문서 단어다. AI와 개발자에게 정확히 시키려면 50개면 충분합니다.
- 화면은 뼈대·옷·근육이다. 수정 요청을 HTML·CSS·JS 중 어디인지로 말하면 바로 고쳐집니다.
- 데이터는 요청과 응답이다. 클라이언트 → 도메인 → API → 서버·DB → JSON, 이 길만 알면 견적서가 읽힙니다.
- Git은 세이브 파일이다. 가지에서 고치고 검토받아 합친다는 흐름이 협업 용어의 전부입니다.
- 운영 용어는 사업자의 말이다. MVP·QA·배포·롤백은 일정과 사고 대응을 정하는 단어입니다.
지금 바로 해 볼 한 가지
AI에게 “우리 가게 소개 HTML 한 페이지 만들어 줘”라고 시키고, 그 파일을 Netlify Drop에 떨어뜨려 주소를 받아 보세요. 10분 안에 HTML·CSS·배포·호스팅 네 단어가 내 것이 됩니다.
앞 글 AI 자격증 총정리 →와 AI 역량 평가 →를 함께 보시면 ‘왜 지금 배워야 하는지’가 이어집니다. 이 글에 없는데 자주 마주치는 용어가 있으면 댓글로 남겨 주세요. 다음 50개에 넣겠습니다.
자주 묻는 질문
코딩을 전혀 모르는데 이 50개를 다 알아야 하나요?
다 외울 필요는 없습니다. 묶음별 한 줄 요약 5개와 비유 열만 읽어도 AI나 개발자에게 요청할 때 충분합니다. 표의 ‘이럴 때 마주칩니다’ 열에서 내 상황과 겹치는 용어 10개 정도만 먼저 익히세요.
HTML, CSS, JavaScript는 무엇이 다른가요?
HTML은 글과 버튼이 어디에 있는지 정하는 뼈대, CSS는 색·크기·배치를 정하는 옷, JavaScript는 누르면 반응하게 하는 근육입니다. 글자를 키우는 건 CSS, 버튼을 눌러도 반응이 없으면 JavaScript 문제입니다.
API가 정확히 뭔가요?
서로 다른 프로그램이 데이터를 주고받는 약속된 창구입니다. 메뉴판처럼 ‘이렇게 요청하면 이렇게 준다’가 정해져 있습니다. 네이버 로그인, 카카오 알림톡, 날씨 정보를 내 사이트에 붙이는 일이 모두 API 연동입니다.
Git과 GitHub는 같은 건가요?
다릅니다. Git은 내 컴퓨터에서 코드 변경 역사를 기록하는 도구이고, GitHub는 그 기록을 올려 여러 명이 함께 보는 웹 서비스입니다. 외주 개발자에게 ‘GitHub 저장소를 넘겨 달라’고 하면 소스 코드와 변경 이력을 함께 받게 됩니다.
배포와 롤백은 언제 쓰는 말인가요?
배포는 완성된 결과물을 서버에 올려 사용자가 쓸 수 있게 하는 것이고, 롤백은 그 배포에 문제가 생겨 이전 버전으로 되돌리는 것입니다. 일정을 잡을 때 ‘QA → 배포 → 문제 시 롤백’ 순서로 시간을 비워 두면 사고가 나도 복구가 빠릅니다.
참고한 자료
| 자료 | 어디에 | 이 글에서 쓴 내용 |
|---|---|---|
| MDN 웹 문서 | 모질라 재단 | HTML·CSS·JavaScript·HTTP 정의 |
| GitHub Docs | GitHub | 커밋·브랜치·PR·.gitignore 흐름 |
| Python 공식 사이트 | Python Software Foundation | 파이썬 소개 |
용어 뜻은 비개발자가 이해하기 쉽게 풀어 쓴 것이라 교과서 정의와 표현이 다를 수 있습니다. 비유는 이 글의 것입니다.
답글 남기기