개발 언어의 종류와 역할 #1
비전공자도 알 수 있는 개발 언어의 세계
개발 언어라고 하면 어렵고 복잡하게 느껴지죠?
하지만 실제로는 각 언어마다 ‘역할’이 명확해서,
무엇을 만들고 싶은지만 알면 어떤 언어를 써야 할지 감이 잡힙니다.
오늘은 개발 언어를 아래 4가지로 나눠서
쉽게 설명드릴게요.
1️⃣ 프론트엔드 언어 – 사용자가 ‘보는 화면’을 만드는 언어
우리가 앱이나 웹사이트를 사용할 때, 눈에 보이는 모든 UI는 프론트엔드 언어로 만들어집니다.
| HTML | 화면의 뼈대를 만듦 (텍스트, 이미지, 버튼 등) |
| CSS | 디자인을 입힘 (색상, 크기, 간격, 애니메이션 등) |
| JavaScript | 사용자의 동작에 반응하는 기능 추가 (클릭, 입력 등) |
📌 예시:
버튼을 눌렀을 때 팝업이 뜨는 것 = JavaScript
버튼의 모양과 위치 = CSS
버튼 자체 = HTML
2️⃣ 백엔드 언어 – 화면 뒤에서 ‘데이터와 로직’을 처리하는 언어
백엔드는 사용자는 볼 수 없지만, 핵심 기능과 데이터를 처리하는 두뇌입니다.
| Python | 간결하고 쉬운 문법, 데이터 처리에 강함 |
| Node.js | JavaScript 기반 백엔드, 실시간 처리에 유리 |
| Java / PHP / Ruby | 오래된 웹 시스템에서 여전히 많이 사용 |
📌 예시:
회원가입 시 입력한 정보가 DB에 저장되는 것 = 백엔드 처리
검색 결과를 서버에서 받아오는 것 = 백엔드 API
3️⃣ 데이터 언어 – 데이터를 저장하고 꺼내는 언어
모든 서비스는 데이터를 저장하고 불러와야 하죠. 그걸 담당하는 언어가 SQL입니다.
| SQL (Structured Query Language) | 데이터베이스에서 정보 검색, 추가, 삭제, 업데이트 |
📌 예시:
"30세 이상 유저 리스트 가져와줘" → SQL 쿼리로 검색
4️⃣ 스크립트 & 자동화 언어 – 반복 작업을 자동으로 처리
개발 외에도 업무 자동화, 간단한 기능 구현에 많이 쓰입니다.
| Python | 데이터 처리, 크롤링, 자동화 |
| Bash / Shell | 서버 명령어 자동화 |
| JavaScript | 브라우저 자동화, 간단한 UI 스크립트 |
📌 예시:
엑셀 데이터를 자동으로 정리하거나, 매일 10시에 메일 보내는 작업 = Python 자동화
🎯 어떤 언어를 배워야 할까?
| 웹사이트 뼈대 만들기 | HTML + CSS |
| 웹에 기능 추가 | JavaScript |
| 간단한 앱 백엔드 | Node.js / Python |
| 데이터 관리 | SQL |
| 반복작업 자동화 | Python |
💡 IFINITY의 팁
Bubble.io 같은 노코드 툴을 쓰면 위 언어들을 몰라도 기능을 구현할 수 있어요.
하지만! 언어의 역할과 구조를 이해하면
노코드 툴도 훨씬 더 잘 쓸 수 있답니다.
다음 편 예고
👉 [HTML & CSS: 웹의 골격과 스타일]
정말 간단한 코드만 알아도, 웹페이지를 직접 만들어볼 수 있어요!
📩 IFINITY는 노코드 개발부터 실전 교육까지 함께합니다.
궁금한 점이 있다면 언제든 편하게 문의주세요!
카카오톡 문의하기 | 공식 사이트 바로가기