AI로 코딩하다 보면 HTML, CSS, JavaScript, Python 같은 코딩 언어 종류들이 계속 튀어나옵니다. 다 “코딩 언어”라고 뭉뚱그려 부르지만, 사실 이 언어들은 서로 하는 일이 완전히 다릅니다. 이 차이를 모르고 넘어가면 나중에 “이건 왜 안 되지?” 싶은 순간이 계속 생깁니다. 그래서 첫 글은 코드 한 줄 쓰기 전에, 코딩 언어들을 성격별로 지도부터 그려보는 것으로 시작하려고 합니다.
코딩 구분해야하는 이유
예를 들어 “이 웹사이트, 왜 이렇게 생겼어?”라는 질문 하나에도 답은 여러 갈래로 나뉩니다.
- 화면에 뭐가 있는지는 구조의 문제
- 어떻게 보이는지는 디자인의 문제
- 버튼을 눌렀을 때 반응하는 건 동작(로직)의 문제
- 회원 정보를 저장하고 불러오는 건 데이터의 문제
이 네 가지 질문에 각각 답하는 언어가 따로 있습니다. 이걸 하나로 뭉쳐서 이해하려고 하니 헷갈리는 겁니다.
코딩 언어, 종류 4가지
마크업, 구조를 표시하는 언어
문서나 화면의 구조와 의미를 표시하는 용도입니다. “실행”되는 게 아니라 “이건 제목이다”, “이건 문단이다” 하고 선언하는 개념에 가깝습니다. 컨텐츠에 구분을 주는거죠. 이건 제목이고 이건 내용이고 이건 목차다. 마크업 언어로 대표하는 언어는 다음과 같습니다.
- 대표 언어: HTML, Markdown, XML
스타일, 디자인을 담당하는 언어
마크업으로 짜인 구조에 옷을 입히는 역할입니다. 색깔, 글꼴, 여백, 배치 같은 시각적인 부분을 담당하며, 이것 역시 로직을 실행하지는 않습니다.
- 대표 언어: CSS, Sass/SCSS
프로그래밍(스크립트), 진짜 “코딩” 언어
조건문, 반복문, 함수처럼 실제 로직을 짜는 언어들입니다. 여기서부터가 진짜 프로그래밍이라고 부를 수 있는 영역입니다.
- JavaScript: 원래는 브라우저 전용이었지만, Node.js 덕분에 서버에서도 실행할 수 있게 됐습니다
- Python: 범용 언어로, 웹 백엔드뿐 아니라 AI·데이터 분석·자동화·AI 에이전트 개발에서 특히 많이 쓰입니다
- TypeScript: JavaScript에 타입을 얹은 버전으로, 요즘 실무에서 많이 대체해 쓰고 있습니다
- 그 외: PHP, Java, Go, Ruby 등
쿼리 언어, 데이터를 다루는 언어
데이터베이스에서 데이터를 꺼내고 저장하고 관리하는 데 특화된 전용 언어입니다.
- 대표 언어: SQL
잠깐, Node.js는 어디 속하나요?
Node.js는 사실 언어가 아닙니다. JavaScript를 브라우저 밖(서버)에서도 실행할 수 있게 해주는 **실행 환경(런타임)**입니다.
비유하자면, JavaScript가 언어라면 브라우저와 Node.js는 그 언어를 사용할 수 있는 두 개의 서로 다른 공간입니다. 같은 한국어를 집에서도 쓰고 회사에서도 쓰는 것처럼, 같은 JavaScript를 브라우저에서도 쓰고 서버(Node.js)에서도 쓰는 셈입니다.
코딩 언어 총정리
| 카테고리 | 역할 | 대표 언어 |
|---|---|---|
| 마크업 언어 | 구조 표시 | HTML, Markdown |
| 스타일 언어 | 디자인 담당 | CSS, Sass |
| 프로그래밍 언어 | 로직·동작 실행 | JavaScript, Python, TypeScript |
| 쿼리 언어 | 데이터 조회·관리 | SQL |
다음 편 예고 — 총 5편 구성
- 1편 (이번 글): 코딩 언어 지도 그리기 — 4개 카테고리 개요
- 2편: 마크업 언어 — HTML 태그와 기본 구조
- 3편: 스타일 언어 — CSS 선택자와 레이아웃
- 4편: 프로그래밍 언어 — JavaScript와 Python 비교
- 5편: 쿼리 언어 — SQL로 데이터 다루기
다음 편부터는 마크업 언어, 즉 HTML을 실제 예시 코드와 함께 하나씩 뜯어보겠습니다.