웹·앱을 만들거나 운영할 때 자주 만나는 용어를 대분류 / 영문 / 국문 / 설명으로 정리했습니다.
초보 개발자와 비개발 기획·운영자가 같이 읽어도 맥락을 잡을 수 있도록 짧게 썼습니다.
표가 길면 모바일에서는 좌우로 스크롤해 보세요.
1. 프론트엔드 (화면)
| 대분류 | 용어(영문) | 용어(국문) | 설명 |
|---|---|---|---|
| 프론트엔드 | HTML | 에이치티엠엘 | 웹 페이지의 뼈대(제목, 문단, 링크, 표 등 구조)를 정의하는 마크업 언어 |
| 프론트엔드 | CSS | 씨에스에스 | 색, 글꼴, 배치, 반응형 레이아웃 등 디자인·표현을 담당 |
| 프론트엔드 | JavaScript (JS) | 자바스크립트 | 브라우저에서 동작하는 프로그래밍 언어. 클릭·검증·애니메이션 등 상호작용 |
| 프론트엔드 | TypeScript (TS) | 타입스크립트 | JS에 타입을 더한 언어. 실수·버그를 줄이기 위해 많이 사용 |
| 프론트엔드 | DOM | 돔 | 브라우저가 HTML을 객체 트리로 표현한 구조. JS로 요소를 읽고 수정 |
| 프론트엔드 | SPA | 싱글 페이지 애플리케이션 | 페이지 전체를 새로고침하지 않고 화면을 갈아끼우는 웹앱 방식 |
| 프론트엔드 | SSR | 서버 사이드 렌더링 | 첫 HTML을 서버에서 완성해 보내 SEO·초기 로딩에 유리 |
| 프론트엔드 | CSR | 클라이언트 사이드 렌더링 | 빈 HTML + JS로 브라우저에서 화면을 그리는 방식 |
| 프론트엔드 | Hydration | 하이드레이션 | SSR로 받은 HTML에 JS 이벤트를 다시 연결하는 과정 |
| 프론트엔드 | Component | 컴포넌트 | 버튼·카드·헤더처럼 재사용 가능한 UI 조각 |
| 프론트엔드 | Responsive | 반응형 | 모바일·태블릿·데스크톱 화면에 맞게 레이아웃이 바뀌는 설계 |
| 프론트엔드 | Accessibility (a11y) | 접근성 | 스크린리더·키보드만으로도 쓸 수 있게 하는 품질 |
2. 백엔드·API
| 대분류 | 용어(영문) | 용어(국문) | 설명 |
|---|---|---|---|
| 백엔드 | API | 에이피아이 | 앱과 서버가 데이터를 주고하는 약속된 인터페이스 |
| 백엔드 | REST | 레스트 | URL·HTTP 메서드(GET/POST 등)로 자원을 다루는 API 스타일 |
| 백엔드 | GraphQL | 그래프큐엘 | 클라이언트가 필요한 필드만 골라 요청하는 API 쿼리 언어 |
| 백엔드 | Endpoint | 엔드포인트 | /api/posts처럼 API가 열리는 주소(경로) |
| 백엔드 | JSON | 제이슨 | API에서 가장 많이 쓰는 가벼운 데이터 교환 포맷 |
| 백엔드 | Middleware | 미들웨어 | 요청이 처리되기 전후(인증·로그·CORS 등)에 끼워넣는 공통 로직 |
| 백엔드 | Webhook | 웹훅 | 외부 서비스가 이벤트 발생 시 우리 서버 URL을 호출해 주는 방식 |
| 백엔드 | Cron | 크론 | 정해진 시각에 반복 실행하는 예약 작업(월간 마감 등) |
| 백엔드 | Rate Limit | 요청 제한 | 단위 시간당 API 호출 횟수를 막아 남용·장애를 방지 |
| 백엔드 | Idempotent | 멱등 | 같은 요청을 여러 번 해도 결과가 같은 성질(결제·삭제에 중요) |
3. 데이터베이스·저장소
| 대분류 | 용어(영문) | 용어(국문) | 설명 |
|---|---|---|---|
| 데이터베이스 | Database (DB) | 데이터베이스 | 구조화된 데이터를 저장·조회하는 시스템 |
| 데이터베이스 | SQL | 에스큐엘 | 관계형 DB에서 데이터 조회·수정에 쓰는 질의 언어 |
| 데이터베이스 | PostgreSQL | 포스트그레에스큐엘 | 강력한 오픈소스 관계형 DB. Supabase의 기반 |
| 데이터베이스 | Table / Row / Column | 테이블·행·열 | 스프레드시트처럼 표·한 줄 기록·필드 |
| 데이터베이스 | Primary Key (PK) | 기본키 | 행을 고유하게 식별하는 값(보통 UUID·일련번호) |
| 데이터베이스 | Foreign Key (FK) | 외래키 | 다른 테이블의 PK를 가리켜 관계를 맺는 값 |
| 데이터베이스 | Index | 인덱스 | 검색 속도를 높이기 위한 별도의 찾아보기 구조 |
| 데이터베이스 | Migration | 마이그레이션 | DB 스키마(테이블 구조)를 버전으로 관리·적용하는 작업 |
| 데이터베이스 | RLS | 행 수준 보안 | 어떤 사용자가 어떤 행을 볼 수 있는지 DB에서 강제 |
| 데이터베이스 | ORM | 오알엠 | 코드를 객체처럼 다루며 SQL을 대신 생성해 주는 계층 |
| 데이터베이스 | Object Storage | 오브젝트 스토리지 | 이미지·파일 등 바이너리를 URL로 저장(S3 계열) |
| 데이터베이스 | CDN | 씨디엔 | 전 세계 거점에 파일을 캐시해 빠른 전송 |
4. 인증·보안
| 대분류 | 용어(영문) | 용어(국문) | 설명 |
|---|---|---|---|
| 보안 | Authentication | 인증 | “당신은 누구인가?” — 로그인으로 신원 확인 |
| 보안 | Authorization | 인가 | “무엇을 해도 되는가?” — 권한·역할 검사 |
| 보안 | OAuth / OIDC | 오어스 / 오픈아이디 | 구글·카카오 등으로 소셜 로그인할 때 쓰는 표준 |
| 보안 | JWT | 제이더블유티 | 서명된 토큰으로 로그인 상태를 전달하는 방식 |
| 보안 | Session | 세션 | 서버(또는 쿠키)에 로그인 상태를 유지하는 방식 |
| 보안 | CSRF | 사이트 간 요청 위조 | 로그인된 사용자를 속여 원치 않는 요청을 보내는 공격 |
| 보안 | XSS | 크로스 사이트 스크립팅 | 악의적 스크립트를 페이지에 심어 쿠키·세션을 훔치는 공격 |
| 보안 | CORS | 교차 출처 자원 공유 | 다른 도메인에서 API를 호출해도 되는지 브라우저가 검사하는 정책 |
| 보안 | HTTPS / TLS | 에이치티티피에스 | 통신을 암호화해 중간 가로채기를 막는 프로토콜 |
| 보안 | Secrets / Env | 시크릿·환경변수 | API 키 등 비밀 값을 코드에 넣지 않고 서버 환경에 보관 |
| 보안 | CAPTCHA / Turnstile | 캡차·턴스타일 | 사람이 맞는지 확인하는 봇 방지 |
| 보안 | 2FA / MFA | 이중·다중 인증 | 비밀번호 + OTP 등으로 보안 강화 |
5. 배포·인프라
| 대분류 | 용어(영문) | 용어(국문) | 설명 |
|---|---|---|---|
| 인프라 | Hosting | 호스팅 | 웹앱을 인터넷에 올려 두는 서비스 |
| 인프라 | VPS | 브이피에스 | 클라우드에서 빌린 가상 서버(SSH로 OS 직접 관리) |
| 인프라 | Serverless | 서버리스 | 서버 기계를 직접 안 잡고 함수 단위로 실행하는 모델 |
| 인프라 | Edge | 엣지 | 사용자와 가까운 거점에서 코드를 실행·캐시 |
| 인프라 | CI/CD | 지속적 통합·배포 | 코드 push 시 자동 테스트·빌드·배포 파이프라인 |
| 인프라 | Domain | 도메인 | telepasi.com처럼 사람이 읽는 주소 |
| 인프라 | DNS | 디엔에스 | 도메인 → IP(또는 다른 서비스)로 연결하는 장부 |
| 인프라 | Nginx | 엔진엑스 | 리버스 프록시·정적 파일·HTTPS 종단을 담당하는 웹서버 |
| 인프라 | Reverse Proxy | 리버스 프록시 | 외부 요청을 받아 내부 앱(포트)으로 중계 |
| 인프라 | PM2 | 피엠투 | Node 앱을 프로세스으로 유지·재시작하는 도구 |
| 인프라 | Container / Docker | 컨테이너·도커 | 앱과 환경을 한 상자로 묶어 어디서든 동일하게 실행 |
| 인프라 | Uptime / SLA | 가동률·서비스 수준 | 서비스가 켜져 있는 비율과 사업자 약정 |
6. 콘텐츠·데이터 품질
| 대분류 | 용어(영문) | 용어(국문) | 설명 |
|---|---|---|---|
| 콘텐츠 | Markdown (MD) | 마크다운 | # 제목, 처럼 텍스트로 문서를 쓰는 문법 |
| 콘텐츠 | SEO | 검색엔진 최적화 | 검색에 잘 걸리도록 제목·구조·속도·메타를 다듬는 일 |
| 콘텐츠 | OG Tag | 오픈그래프 | SNS에 링크 미리보기(제목·이미지)를 보여주는 메타 태그 |
| 콘텐츠 | Cache | 캐시 | 자주 쓰는 결과를 잠시 저장해 속도를 높임 |
| 콘텐츠 | ISR / Revalidate | 증분 정적 재생성 | 정적 페이지를 일정·웹훅으로 다시 빌드·갱신 |
| 콘텐츠 | Analytics | 분석 | 방문·전환·이탈 등을 측정(자체 로그 또는 GA 등) |
| 콘텐츠 | PWA | 프로그레시브 웹앱 | 홈 화면 추가·오프라인 등 앱에 가까운 웹 |
한 줄 암기
- 보여 주는 것 → 프론트
- 저장·규칙·권한 → DB + RLS
- 누구인지·뭘 해도 되는지 → 인증·인가
- 세상에 올리는 것 → 호스팅·DNS·HTTPS
- 비밀은 코드가 아니라 ENV
관련 글: 웹 서비스 인프라 제공업체 가이드
주파수 소통방 (0)
로딩 중...